php当前导航菜单高亮,导航菜单高亮显示防刷新--JS特效

防刷新导航菜单高亮显示,这是基于javascript的cookie技术实现的,就是跳转了URL还是有高亮效果的,很不错 就像 牛淘返利网 导航菜单一样

755020c2958f5367d641a69af69fb983.png

cookie记忆-防刷新菜单 www.iiwnet.com

a{color:#5A73F3;text-decoration:none}

body{background:#333;margin:30px;font-size:14px;}

#menu li{float:left;height:25px;line-height:25px;list-style:none}

#menu li a{padding:10px;}

a:hover{background:#ccc;color:##3399FF}

a.hover{height:25px;line-height:25px;background:red;color:#ffffff}

a,area{blr:e-xpression(this.onFocus=this.blur())}

:focus{-moz-outline-style:none;}

function changename(c,cl)

{

var d=document.getElementById("menu").getElementsByTagName("a");

if(!cl)

{

writeCookie("hovers",c,222);

}

c=readCookie("hovers")?readCookie("hovers"):c;

for(i=0;i

{

d[i].className=i==c?"hover":"";

}

}

function writeCookie(name, value, hours)

{

var expire = "";

if(hours != null)

{

expire = new Date((new Date()).getTime() + hours * 3600000);

expire = "; expires=" + expire.toGMTString();

}

document.cookie = name + "=" + escape(value) + expire;

}

// Example:

// alert( readCookie("myCookie") );

function readCookie(name)

{

var cookieValue = "";

var search = name + "=";

if(document.cookie.length > 0)

{

offset = document.cookie.indexOf(search);

if (offset != -1)

{

offset += search.length;

end = document.cookie.indexOf(";", offset);

if (end == -1) end = document.cookie.length;

cookieValue = unescape(document.cookie.substring(offset, end))

}

}

return cookieValue;

}

function clear()

{

writeCookie("hovers","",222);

document.location=document.location.href;

}

changename(0,1)

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值