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

//说明:在引用文件的相应位置,写入<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;
}
//函数定义结束

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值