jsp表格中实现鼠标放到某一行,使这行背景变色,移开时背景色还原。

  • Post author:
  • Post category:其他


思路: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 为集合。



版权声明:本文为u014737582原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。