首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

JQuery兑现table的隔行换色和鼠标移动事件

2012-11-22 
JQuery实现table的隔行换色和鼠标移动事件是不是很漂亮的表格效果,下面是使用jQuery的实现代码:$(.stripe

JQuery实现table的隔行换色和鼠标移动事件



是不是很漂亮的表格效果,下面是使用jQuery的实现代码:

$(".stripe tr").mouseover(function(){$(this).addClass("over");}).mouseout(function(){$(this).removeClass("over");})

在jQuery中,执行完mouseover或者mouseout等方法之后,都会返回当前的对象,所以可以进行链式操作

说明:该代码出自于15 Days of jQuery(Day 2)---很容易的制作双色表格,版权归原作者所有

热点排行