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

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


评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值