用脚本添加mouseover和mouseout事件

用脚本添加mouseover和mouseout事件

通常列表采用表格显示，每一行有鼠标在上面时，置亮背景，鼠标移开，则恢复原来背景，这样才够有人性。

可是页面输出的时候，如果每行都写上 onmouseover,onmouseout，再加上函数名，参数，行数一多的话，页面就比较大了，看上去也很傻。

可以采用页面输出完毕后，才用脚本将这2个事件补上去。

脚本如下：

$(document).ready(function() { $("#tbList tr").not("#trTop").not("#trHead").mouseover(function(){ $(this).css("background-color","#f1F8F9");}); $("#tbList tr").not("#trTop").not("#trHead").mouseout(function(){ $(this).css("background-color","white");}); })

tbList是table的ID

trTop,trHead是固定背景色的行，无须这种背景置亮效果。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。