在 Jquery 中悬停时终止事件

发布于 2024-08-17 06:52:34 字数 294 浏览 9 评论 0原文

我以前在某处见过这个,但我似乎找不到这个小片段。

如果我有一个 div 在悬停时设置不透明度(或动画),但我在完成动画之前将鼠标悬停在该 div 上,我希望它切换回来。否则,我将鼠标悬停在它上面几次,然后等待 10 秒以上的动画/闪烁。

这是我的代码:

$("a.prev").hover(function(){
    $(this).fadeTo("normal", 0.6); 
},function(){
    $(this).fadeTo("normal", .1); 
});

I've seen this somewhere before but I can't seem to find the little snippet.

If I have a div that sets opacity (or animates up) on hover, but I hover off that div before its done animating, I want it to toggle back. Otherwise I hover over it a few times and I have 10+ seconds of animation/flashing to wait for.

Here is my code:

$("a.prev").hover(function(){
    $(this).fadeTo("normal", 0.6); 
},function(){
    $(this).fadeTo("normal", .1); 
});

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

老旧海报 2024-08-24 06:52:34

使用stop()

$("a.prev").hover(function(){
    $(this).stop().fadeTo("normal", 0.6); 
},function(){
    $(this).stop().fadeTo("normal", .1); 
});

Use stop():

$("a.prev").hover(function(){
    $(this).stop().fadeTo("normal", 0.6); 
},function(){
    $(this).stop().fadeTo("normal", .1); 
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文