表格行变色,ie6、火狐等不同浏览器的差别

<style type="text/css">

table{

color:#565;

font:12px Arial, Helvetica, sans-serif;

}

td{

 

border-bottom:2px solid #b3de94;

border-top:3px solid #ffffff;

padding:9px;

}

tr{

background:#dfc;}

tr:hover{

 

background-color:#595;

color:#fff;

}

</style>

 

Ie6的表格后加JAVASCRIPT

<script language="javascript">

var rows = document.getElementsByTagName('tr');//rows是一个行的数组,包含当前页面中的所有行

for(var i=0;i<rows.length;i++)

{

rows[i].onmouseover=function()

{  //鼠标指针在行上面的时候

this.className='hover';

}

rows[i].onmouseout=function()

{  //鼠标指针离开行的时候

this.className='';

}

}

</script>

posted on 2011-10-13 10:14    阅读(214)  评论(0)    收藏  举报