| 
        
          | 
            
              |  | 热门文章 |  |  
          |  |  |  | 
      
        | 鼠标经过表格的那一行背景变色 |  
        | 来源:蓝色理想 更新时间:2010/8/5 23:52:23 阅读次数: 我要投稿 |  
        | 
          
            |  | <html><head><title></title> <style>
 *{margin:0;padding:0}
 #aa{border-collapse:collapse;}
 #aa td{width:200px;height:30px;border:1px solid #000}
 </style>
 <script language="javascript">
 function jj(){
 var r=aa.getElementsByTagName("tr").length
 for(i=0;i<r;i++){
 document.getElementById("aa").getElementsByTagName("tr")[i].onmouseover=a1
 document.getElementById("aa").getElementsByTagName("tr")[i].onmouseout=a2
 }
 }
 function a1(){
 this.style.background="red"
 }
 function a2(){
 this.style.background="#fff"
 }
 </script>
 </head>
 <body onload="jj()">
 <table id="aa">
 <tr><td></td></tr>
 <tr><td></td></tr>
 <tr><td></td></tr>
 <tr><td></td></tr>
 <tr><td></td></tr>
 <tr><td></td></tr>
 <tr><td></td></tr>
 <tr><td></td></tr>
 <tr><td></td></tr>
 <tr><td></td></tr>
 <tr><td></td></tr>
 <tr><td></td></tr>
 <tr><td></td></tr>
 <tr><td></td></tr>
 <tr><td></td></tr>
 <tr><td></td></tr>
 <tr><td></td></tr>
 <tr><td></td></tr>
 </table>
 </body></html>
 |  |  
        | 上一篇文章: JS实现上传本地图片前先预览下一篇文章: 一个简单的鼠标经过表格的那一行背景变色 |  
        |  |  |