表格列mouse经过时高亮显示

前几天Insus.NET有练习《表格行mouse经过时高亮显示》http://www.cnblogs.com/insus/p/3715733.html ，今天有奇想，是否可以实现mouse经过表的列时，整列高亮呢？

Insus.NET就在前一示例中，修心jQuery来练习。 修改.mouseover和.mouseout的事件代码：

$('tbody td').mouseover(function () { $('td:nth-child(' + ($(this).index() + 1) + ')').addClass('overStyle'); }).mouseout(function () { $('td:nth-child(' + ($(this).index() + 1) + ')').removeClass('overStyle');}) View Code

 

看看演示：

 

 

总结

以上是生活随笔为你收集整理的表格列mouse经过时高亮显示的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。