本文实例讲述了jQuery
hover事件简单实现同时绑定2个方法。分享给大家供大家参考,具体如下:
这里将hover事件同时挂2个方法:
1个是悬停的时候执行的,另外一个是离开的时候执行
代码如下:
$(document)ready(function()
{
$("#orderedlist
li")hover(
function()
{$(this)addClass("blue");},
function()
{$(this)removeClass("blue");}
);
});
PS:上面的代码小编没有进行格式化处理,这里顺便为大家推荐几款在线代码格式化、美化工具,相信大家在以后的开发过程中会用得到:
在线JavaScript代码美化、格式化工具:
>
没改别的,只重设了几个样式:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">
代码如下,注意id值是不能重复的:
<a class="myclass"><div></div><a class="myclass"><div></div>
<a class="myclass"><div></div>$('myclass')click(function() {
var div = $(this)next();
divtext('loading');
divload(""); // 替换为你的地址
});
望采纳,谢谢支持!
给你的方法做一下延迟响应,用setTimeout来做。
var a;
$("#sb")hover(
setTimeout(function(){
a= $("#sb1")show();
},300),function(){
clearTimeout(a) ;
});
这个方法的思路就是为了防止用户恶意滑动鼠标 数值的你可以调到一个合适的值
以上就是关于jQuery hover事件简单实现同时绑定2个方法全部的内容,包括:jQuery hover事件简单实现同时绑定2个方法、js/jquery 如何判断当前是否具有某个事件 比如说是否具有hover事件、jquery 菜单hover时的问题等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)