<html> <head> <title> 这是一个js的练习文件 </title> <link rel="stylesheet" type="text/css" href=""> <style type="text/css"> .red{background:red;} </style> </head> <body> <div id="header"> 这是网页的头部 </div> <div id="content" style="width:800px;height:auto;margin:0 auto"> <div id="timeline"> <ul> <li>首页</li> <li>首页</li> <li>首页</li> <li>首页</li> <li>首页</li> <li>首页</li> <li>首页</li> </ul> </div> </div> <script type="text/javascript"> window.onload=function(){ var timeline=document.getElementById('timeline') var li=timeline.getElementsByTagName('li') var index=0; for(i=0;i<li.length;i++){ (function(i){ li[i].onclick=function(){ li[i].className="red"; li[index].className=""; index=i; } })(i) } } </script> <div id="footer"> 这是脚部文件 </div> </body> </html> |
|
来自: qiu977 > 《javascript》