jQuery中的hover()方法是用来实现鼠标移入移出元素时执行不同的动作,它接受两个参数:第一个参数是鼠标移入元素时执行的函数,第二个参数是鼠标移出元素时执行的函数。
使用方法
$("元素").hover( function(){ // 鼠标移入元素时执行的函数 }, function(){ // 鼠标移出元素时执行的函数 } );
使用hover()方法时,第一个参数和第二个参数都是可选的,如果只传入一个参数,那么鼠标移入和移出元素时都会执行该参数。
除了可以传入函数,hover()方法还可以传入对象,对象中有两个属性:in和out,in属性表示鼠标移入元素时执行的函数,out属性表示鼠标移出元素时执行的函数。
$("元素").hover({ in: function(){ // 鼠标移入元素时执行的函数 }, out: function(){ // 鼠标移出元素时执行的函数 } });
hover()方法可以用来实现悬停效果,比如鼠标移入某个元素时,改变元素的背景色、字体颜色等,当鼠标移出元素时,恢复原来的样式。
- 使用hover()方法时,第一个参数和第二个参数都是可选的
- hover()方法可以传入函数,也可以传入对象
- hover()方法可以用来实现悬停效果