//说明：在引用文件的相应位置，写入<script src="menu.js" type="text/javascript"></script>
//MenuItem使用说明：第一个参数为链接显示内容，可以为图片，如果为图片，则内容格式为<IMG SRC=图片路径>
//来源：http://blog.csdn.net/54powerman
//作者：彗星撞地球
//联系方式：[email protected]
// 如果第二个参数和当前网页的名字相同，则反白显示该项，而且取消链接，以说明本页为导航条当前页。
//..........................................
var str;
var ColorOriginal,ColorLast;
var FontSize,FontColor;
//..........................................基本参数配置开始
ColorOriginal="#00537F";
ColorLast="#7C91A2";
FontSize=12;//单位为象素
FontColor="White";//文字链接颜色
//..........................................基本参数配置结束
str=MenuTop();
//..........................................菜单项开始
str+=MenuItem("项目1","home.html");
str+=MenuItem("<IMG SRC=general_images/general_03_1.jpg>","2");
str+=MenuItem("项目2","2");
str+=MenuItem("项目2","2");
//..........................................菜单项结束
str+=MenuBottom();
document.write(str);
//函数定义开始
function SwapBGColor(x)
{
x.bgColor=ColorLast;
}
function ReturnBGColor(x)
{
x.bgColor=ColorOriginal;
}
function CurrentFileName()
{
return document.location.toString();
}
function GetFileName(url)
{
filename=url.substr(url.lastIndexOf("/")+1);
return filename;
}
function MenuItem(content,url)
{
urlfilename=GetFileName(CurrentFileName());
linkfilename=GetFileName(url);
var str;
if (urlfilename==(linkfilename))
{
str=" <td bgcolor=\""+ColorLast+"\">"+content+"</td>";
}
else
{
str=" <td onMouseMove=\"SwapBGColor(this);\" onMouseOut=\"ReturnBGColor(this);\" bgcolor=\""+ColorOriginal+"\"><a href="+url+"><font color="+FontColor+">"+content+"</font></a></td>";
}
return str;
}
function MenuTop()
{
var str;
str="<table width=\"100%\" border=\"0\" cellspacing=\"1\" cellpadding=\"1\">";
str+=" <tr align=\"center\" style=\"color:"+FontColor+";font-size:"+FontSize+" px;\">";
return str;
}
function MenuBottom()
{
var str;
str=" </tr>";
str+=" </table>";
return str;
}
//函数定义结束 
|
本类阅读TOP10