|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> - <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
- <title>无标题文档</title>
- <style>
- *{ margin:0; padding:0}
- body { background:#fff;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;}
- ul,dl,li,dd,dl { list-style:none;}
- #nav { width:960px; overflow:hidden; margin:30px auto;}
- #nav li { width:95px; float:left; border-right:1px solid #fff; height:30px; line-height:30px; text-align:center;}
- #nav li a { font-size:14px; color:#fff; text-decoration:none; font-weight:bold; display:block; width:95px; height:30px; background:#03C;}
- #nav li .link_on { background:#000}
- </style>
- </head>
<body> - <div id="nav">
- <ul>
- <li><a href="#">网站首页</a></li>
- <li><a href="#">网站首页</a></li>
- <li><a href="#">网站首页</a></li>
- <li><a href="#">网站首页</a></li>
- <li><a href="#">网站首页</a></li>
- <li><a href="#">网站首页</a></li>
- <li><a href="#">网站首页</a></li>
- <li><a href="#">网站首页</a></li>
- <li><a href="#">网站首页</a></li>
- <li><a href="#">网站首页</a></li>
- </ul>
- </div>
- <script>
- d = document.getElementById("nav");
- var aa = d.getElementsByTagName("a");
- aa[0].className = "link_on";
- d.l = aa[0];
- for(var i in aa){
- var a = aa[i];
- a.onmousemove = function(){
- if(d.l==this)return;
- this.className = d.l.className;
- d.l.className = "";
- d.l = this;
- };
- };
- </script>
</body> - </html>
|
当前位置：
支持(0) | 
反对(0)
顶端 
底部
![电子邮件:[ chinaaft@163.com ]](http://bbs.kesion.com/club/images/email.gif){kind=small}
真不错哟。
mzl20120613 发表于：2013/6/16 22:21:43 | 只看该作者 查看该作者主题
37楼 
