jQuery通过事件实现鼠标的延迟处理效果。
(函数($){)
美元。fn.hoverdelay =功能(选项){
var默认值= {
hoverduring:200,
③:200,
hoverevent:函数(){
NOOP()美元;
},
outevent:函数(){
NOOP()美元;
}
};
VaR套=美元。扩展(默认值,选择| | { });
无功hovertimer,outtimer;
返回$(这个)。每个(函数()){
$(this)Hover(函数(){)
ClearTimeout(outtimer);
hovertimer = setTimeout(sets.hoverevent,集。hoverduring);
}函数(){()
ClearTimeout(hovertimer);
outtimer = setTimeout(sets.outevent,集。③);
});
});
}
}(jQuery);
的hoverdelay方法包括四个参数,这意味着继:
对hoverduring鼠标通过时间延迟时间
在鼠标的拆除时间延迟时间
执行hoverevent鼠标的方法
移动鼠标outevent执行方法
这个功能的目的是通过事件和延迟将鼠标分开,并且通过这种方法解决了延迟和延迟间隙:
$(#试验({ HoverDelay)。
hoverduring:1000,
③:1000,
hoverevent:函数(){
$(# TM)显示();
},
outevent:函数(){
$(# TM)藏();
}
});
下面是一个更简洁的例子:
$(#试验({ HoverDelay)。
hoverevent:函数(){
警报(通过我!;
}
});
意思是id测试元素在鼠标经过我200毫秒后突然弹出!文字弹出框。
以上是关于jQuery鼠标后(悬停)事件的延时处理的全部内容,希望能帮助大家学习。