js悬停

有关标签“js悬停”的内容

2010-04-24

2,290
Views 2
Comment

js改变导航悬停样式

<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>

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

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

js改变导航悬停样式

最新评论

热门文章排行

博客管理