使用jQuery悬停事件来实现表的隔行功能示例。

jquery鼠标事件

悬停(超越)一种模仿悬停事件的方法(鼠标移动到对象并移出对象)。这是一种自定义方法,该方法提供了将经常使用的任务保存在其中的状态。
当鼠标移动到匹配的元素时,它会触发指定的第一个函数。当鼠标移出这个元素时,它触发指定的第二个函数。此外,它还会伴随着鼠标是否仍在检测特定的元素(如div中的图像)。如果是这样的话,如果是的话,它将继续徘徊,而不是触发删除事件(使用mouseout事件的一个常见错误是修正)。

参数:
超过(函数):鼠标移动到要触发的元素的函数
输出(函数):鼠标从元素中移出触发的功能

实例:
具有特定类的悬停表

jQuery代码:
复制代码代码如下所示:
$(。table_list TR(Hover)。
函数(){
$(这)。AddClass(悬停);
},
函数(){
$(this).RemoveClass (hover);
}

);

这里有几点需要注意:

1,悬停是一个类,你想写什么效果。

2、别忘了介绍jquery.js文件,或不工作了。

3,相比传统的CSS,如此。背景颜色=',这是很简单的,不需要再添加。

4,当然,奇数和偶数行的效果是可以实现的。

今天比较简单的方法是使用jQuery的每个方法,只需要一行代码来实现隔行效应,它不会随着鼠标的移动而改变。
复制代码代码如下所示:
$(。表示标签列表TR)。每个(功能(我){这个风格。背景颜色= {# CCC ',' # FFF} { 2 } }我%);