<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<style type="text/css">
#Nav{list-style:none; text-align:center; font-size:12px; background:#F00; float:left}
#Nav li{width:80px; height:30px; line-height:30px; float:left; padding:5px;}
#Nav a{height:100%; display:block; text-decoration:none}
#Nav .curr{background:#FFF; color:#F00;} /* 点击后的样式 */
</style>
</head>
<body>
<ul id="Nav">
<li><a href="#">首页</a></li>
<li><a href="#">代理加盟</a></li>
<li><a href="#">会员中心</a></li>
</ul>
</body>
</html>
<script type="text/javascript">
var Nav={
obj : document.getElementById("Nav").getElementsByTagName("li"),
currObj : null,
init : function(){
for(i=0;i<Nav.obj.length;i++){
eval("Nav.obj[i].getElementsByTagName('a')[0].onclick=function(){this.className='curr';if(Nav.currObj){Nav.currObj.className=''}Nav.currObj=this}")
}
}
}
Nav.init()
</script>
E- mail:
本站ICP备案号：
