前幾天Insus.NET有練習(xí)《表格行mouse經(jīng)過(guò)時(shí)高亮顯示》http://www.cnblogs.com/insus/p/3715733.html?，今天有奇想，是否可以實(shí)現(xiàn)mouse經(jīng)過(guò)表的列時(shí)，整列高亮呢？

Insus.NET就在前一示例中，修心jQuery來(lái)練習(xí)。 修改.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

?

看看演示：

?

?

總結(jié)

以上是生活随笔為你收集整理的表格列mouse经过时高亮显示的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。