思路:1、了解js获取表中tr。
2、了解鼠标移上、移出方法。
3、了解js中替换css中样式。
——————————————js———————————————————-
<script type=”text/javascript”>
//获取tr
var rows = document.getElementsByTagName(‘tr’);
//鼠标放在、或移出表格中某一行的效果。
for(int i=0;i<rows.length;i++){
rows[i].onmouseover = function(){
this.className = ‘ hilite’;
}
rows[i].onmouseout = function(){
this.className = this.className.replace(‘hilite ‘, ‘ ‘)
}
}
</script>
——————————————css———————————————————-
.hovertable tr:hover,.hovertable tr.hilite{background-color:#e3e3e3;color:#e3e3e3;}
注:row 为集合。