当前位置:首页 > 日记 > 正文

jQuery通过事件实现鼠标的延迟处理效果。

jQuery通过事件实现鼠标的延迟处理效果。
jQuery鼠标通过(悬停)事件延迟处理,具体js代码如下所示:

(函数($){)
美元。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鼠标后(悬停)事件的延时处理的全部内容,希望能帮助大家学习。

相关文章

AngularJS实现异步加载实例代码的

AngularJS实现异步加载实例代码的

异步加载,需求,实例代码,电脑软件,AngularJS,AngularJS通过路由支持多视图应用程序。它可以根据路由动态加载所需的视图。它在AngularJS文档详细介绍。因特网上有很多教程,所以我们不需要介绍它。 随着视图的不断增加,js文件将越来越多。Ang…

PS使用一个面具来制作一些另类的或

PS使用一个面具来制作一些另类的或

面具,另类,效果,视频,电脑软件,接下来,小编将向您介绍PS使用掩模制造一些不同风格的图片或视频效果。教程产生的效果非常漂亮,难度也不是很大。建议你喜欢你的朋友一起学习。 在平时,我们可能经常被使用,它的面膜做了一些图片或视频的影响。这…

快速批量删除留言薄PPT基本教程ppt

快速批量删除留言薄PPT基本教程ppt

批量删除,教程,留言薄,快速,电脑软件,我们经常在网上下载一些PPT幻灯片,但是下载后发现这些幻灯片中有很多笔记和信息广告。当然,我们不可能把这些评论信息带到平台上,此时我们必须删除大量的信息,如果一页被删除,那是浪费时间。有没有好的方法…

如何使凹凸excel具有表格excel的基

如何使凹凸excel具有表格excel的基

凹凸,表格,基础,电脑软件,excel,在excel中有固定的格式供我们选择和使用。然而,这些系统的风格,虽然美观大方,但也有其局限性,如凹凸风格,但无所谓,没有现成的,我们可以自己做。今天,小编辑会打电话给你,形成凹凸式的形式。 1、选择A1和A2单元,切换到…

PS为一个漂亮女人做了另一件衣服。

PS为一个漂亮女人做了另一件衣服。

人做,衣服,漂亮,电脑软件,PS,本教程是向朋友介绍一个PS给漂亮女人做另一件衣服。这个教程很好,而且方法也不难。我推荐它。让我们一起学习。 对漂亮的衣服,简单的步骤让你学会给衣服的美女照片,方法是比较简单的,今天萧边分享美丽的衣服的操作…

使用ps移除中的水印或文本。

使用ps移除中的水印或文本。

文本,水印,移除,电脑软件,ps,本教程是向朋友介绍的,使用ps移除图片中的水印或文本技巧。这个教程真的很好。非常适合初学者学习。对于不懂操作的朋友,可以参考本文。希望你能喜欢。 如果你需要使用文本水印的图像资料,我们可以使用PS图象处理…

椭圆形按钮PS鼠标画超级纹理

椭圆形按钮PS鼠标画超级纹理

纹理,鼠标,按钮,电脑软件,PS,本教程是介绍超级朋友PS鼠标画的纹理的长椭圆形按钮,开关按钮教程使它非常好,不是很好,被认为是教程的一部分,一看 本教程教学习者使用PS鼠标绘制PS鼠标,绘制超强的椭圆按钮教程方法,画出开关纹理好,UI是一个基本介绍…

经典QQ搞笑签名推荐搞笑个性签名

经典QQ搞笑签名推荐搞笑个性签名

推荐,搞笑,个性签名,经典,电脑软件,无论是男孩,还是女孩,无论在QQ上,还是在空间里,微博,论坛,贴吧,总是给自己突出个性的个性签名,表达自己的情感,心情,这些QQ滑稽的签名是在他们日常生活中的写照、样子! 1,镜子是我最好的朋友,因为我哭的时候从来不笑。…

手绘卡通糖果海报

手绘卡通糖果海报

手绘,海报,卡通,电脑软件,本教程是向朋友介绍AI的手写,可爱的盘子和糖果卡通商业海报。这个教程画的海报很好,很可爱,难度也不是很难。建议你喜欢你的朋友一起学习。 本教程只是简单介绍了商业手绘海报法,使用人工手绘的糖果板卡通,并没有详细介…

ai绘制一个现实的蓝色运动鞋

ai绘制一个现实的蓝色运动鞋

绘制,现实,蓝色,电脑软件,ai,本教程是介绍给朋友,ai,绘制一个现实的蓝色运动鞋的方法。从课程中抽出的蓝色运动鞋非常漂亮,难度也有点大,这个过程稍微多了一些。它要求学习者耐心地学习并推荐他们。让我们一起学习。 今天,我们带来了一个切合实…

ai绘制一个漂亮的绿色卡通铅笔

ai绘制一个漂亮的绿色卡通铅笔

绘制,卡通,漂亮,电脑软件,ai,本教程介绍了一个朋友为ai绘制一个漂亮的绿色卡通铅笔的方法。这本教程画的铅笔很漂亮,难度也不大。建议像你这样的朋友可以从教程中学习。 本教程教AI学习者使用AI绘制一个漂亮的绿色卡通铅笔。这是一门入门基…

如何进行自动生成员工简历表Excel2

如何进行自动生成员工简历表Excel2

教程,自动生成,简历表,员工,电脑软件,目前,许多人仍然使用Excel2003软件,主要因为Excel2003目前是免费的办公软件,具有很强的实用性,基本上大多数的办公人员仍然使用Excel2003,我们为了让大家掌握操作技术,我们会提供一个小的全面的学习教程,这是…