js--表格操纵之 鼠标经过整行变色

今天在网上发现了一个不错的表格操纵的东西 保存下来以后用

 

<style type="text/css">
#tb{width:666px;border-collapse:collapse;border:1px solid #EEE;font-size:14px;}
#tb th{background:#EEE;border-bottom:1px solid #CCC;padding:4px;}
#tb td{border:1px solid #EEE;padding:4px;}

#tb tr:hover{background:#0EF}
//tb：表格的名字
</style>

//比较复杂的方法--下面

<script type="text/javascript">
 var obj=document.getElementById("tb");
 for(var i=0;i<obj.rows.length;i++){

  //循环表格行设置鼠标事件：
   obj.rows[i].onmouseover=function(){this.style.background="#0EF";}
   obj.rows[i].onmouseout=function(){this.style.background="";}
 }
</script>