继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

延迟mouseover事件的方法

千岁不倒翁
关注TA
已关注
手记 362
粉丝 60
获赞 386

         

$(document).ready(function(){        var timeid; //设置一个全局变量        $(".btn a").each(function(i){            $(this).mouseover(function(){                timeid=setTimeout(function(){  //设置延迟时间                    $("#student"+i).show().siblings(".box_wrap").hide();                    $(this).attr("id","current");                    $(this).siblings().attr("id","");                },300)            }).mouseout(function(){                clearTimeout(timeid); //鼠标离开解除延迟            })        })    })

用时间定时器来setTimeout()方法来延迟mouseover事件,避免不小心或者恶意鼠标划过事件。

打开App,阅读手记
1人推荐
发表评论
随时随地看视频慕课网APP

热门评论

?

查看全部评论