前几天Insus.NET有练习《表格行mouse经过时高亮呈现http://www.cnblogs.com/insus/p/3715733.html ,前几日有幻想,是否可以实现mouse经过表的列时,整列高亮呢?

Insus.NET就在前一示例中,修心jQuery来训练。
修改.mouseover和.mouseout的风波代码:

图片 1图片 2

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

View Code

图片 3

 

看望演示:

图片 4

 

 

相关文章

网站地图xml地图