鼠标悬停时反白显示的导航条代码(原创)

//说明：在引用文件的相应位置，写入<script src="menu.js" type="text/javascript"></script>

//MenuItem使用说明：第一个参数为链接显示内容，可以为图片，如果为图片，则内容格式为<IMG SRC=图片路径>

//来源：http://blog.csdn.net/54powerman

//作者：彗星撞地球

//联系方式：54powerman@163.com

// 如果第二个参数和当前网页的名字相同，则反白显示该项，而且取消链接，以说明本页为导航条当前页。

//..........................................

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;

}

//函数定义结束