js改变导航悬停样式 - 一只人的异想世界：关注生活，关注网络

js改变导航悬停样式2010-04-24

分类：前端开发 2,291次浏览 2条评论

<html> <head> <title>js改变导航样式</title> <style type="text/css">  </style> </head> <body> <div id="Main"> <div id="menu"> <ul> <li><a href="http://www.tonjay.com?liid=0&id=2">网站首页</a></li> <li><a href="#?liid=1&id=2">网站建设</a></li> <li><a href="#?liid=2&id=2">网站推广</a></li> <li><a href="#?liid=3&id=2">域名注册</a></li> <li><a href="#?liid=4&id=2">虚拟主机</a></li> <li><a href="#?liid=5&id=2">企业邮箱</a></li> <li><a href="#?liid=6&id=2">应用开发</a></li> <li><a href="#?liid=7&id=2">付款方式</a></li> <li><a href="#?liid=8&id=2">联系方式</a></li> <li><a href="#?liid=9&id=2">关于新派</a></li> </ul> </div> </div> <p> <script type="text/javascript"> window.onload = function(){ urlinfo=window.location.href; //获取当前页面的url len=urlinfo.length;//获取url的长度 offset=urlinfo.indexOf("?");//设置参数字符串开始的位置 newsidinfo=urlinfo.substr(offset,7)//取出参数字符串这里会获得类似“id=1”这样的字符串 newsids=newsidinfo.split("=");//对获得的参数字符串按照“=”进行分割 newsid=newsids[1];//得到参数值 //alert("您要传递的参数值是"+newsid); var list = document.getElementById("menu").getElementsByTagName("li"); for(var i=0;i<list.length;i++) { if(newsid==0||newsid==null) { list[0].childNodes[0].className="here"; } else { list[newsid].childNodes[0].className="here"; } list[i].childNodes[0].onclick = function() { for(var j=0;j<list.length;j++) { if(list[j].childNodes[0].className!="") { list[j].childNodes[0].className=""; this.className="here"; } } } } } </script> </p> <p>  </p> </body> </html>

提示：你可以先修改部分代码再运行。

转载文章请保留博客名称及本文链接，谢谢合作！转载已注明非原创文章请注明原文地址及本博客相关信息。

2条评论 »

31165淘宝导购说道：

2010-05-09 10:37 上午

我也写过类似的

回复
陈说道：

2010-05-08 3:19 下午

你这个的不全哥们，每个后面的家？id的不然刷新就又跑到第一个啦

回复

一只人的异想世界：关注生活，关注网络

js改变导航悬停样式2010-04-24

相关日志 »

2条评论 »

发表评论 »

最新评论

热门文章排行

博客管理