当用户不再悬停时，我如何让这个无限的jquery动画结束？

文章/答案/技术大牛

发布

1回答

javascript、jquery、html、css

当你将鼠标悬停在我的菜单中的三项中的任何一项上时，会有一个浅蓝色的圆点开始闪烁红色。我希望当用户不再将鼠标悬停在FormsItem1、FormsItem2或FormsItem3 div上时，动画就会停止。我试着使用鼠标悬停和鼠标输出功能，但在我停止悬停之后，颜色变化的

浏览 7提问于2018-08-18得票数 0

回答已采纳

2回答

动画后的CSS3保存位置

css

我有一个横幅，当我移动鼠标经过它，当鼠标退出时，横幅回到它的原始位置，我想知道如何让它在动画后停止在它的当前位置(我不想每次都重置) /*keyframe animations*/

浏览 5提问于2013-10-14得票数 0

3回答

slideToggle上的jQuery* clearInterval*

jquery、hover、setinterval、slidetoggle、clearinterval

我有一个div，当鼠标悬停在上面时，slideToggles一个<p>标签变得可见，然后我激活一个setInterval来动画可见的<p>标签，当用户不再悬停在div上时，<p>标签会像它应该的那样隐藏起来，但动画仍然继续运行。我已经尝试了所有我能想到的方法，当你的用

浏览 2提问于2012-11-27得票数 1

回答已采纳

1回答

如何让jquery像CSS一样悬停？

jquery、css、hover

我在这里用jquery和css代码制作了两个悬停效果： jquery hover和css hover是有区别的。对于jquery悬停，如果您在框上移动鼠标很短的时间并快速离开框，它将运行鼠标进入和鼠标离开动画，并将完成它们，而鼠标在鼠标进入动画结束后没有在框上...但对于css悬停，如果您悬停框，悬停效果将运行鼠标离开动画，如果您将鼠标停留在框

浏览 0提问于2012-08-31得票数 1

3回答

如何使CSS动画在元素不再悬停后持续？

jquery、css、css-animations

我对CSS3动画有一个问题。我有一个类帮助我动画一个SVG，这个类的名字是‘动画圈’。jQuery('form.newsletter input[type="submit"]').hover(function() { jQuery

浏览 5提问于2021-06-09得票数 2

回答已采纳

1回答

动画未正确排队

javascript、jquery、css、animation、jquery-animate

如果您在标题上悬停，我有这样的工作代码，用于前后移动标题图标。jQuery('h1.heading').hover( $icon = jQuery('.heading-icon', this); if( !$('...').is(':animated')，正如你在上面看到的那样，没有帮助，所以我认为至少我会在动画结束后重

浏览 1提问于2014-07-16得票数 1

回答已采纳

5回答

jQuery动画在悬停时会重复出现吗？

jquery、animation、jquery-animate

(this).removeClass("animate");$(this).addClass("animate");当您将鼠标悬停在.test元素上时，它会添加一个animate类，从而触发动画。在动画结束时，animationEnd删除了animate类。但是，如果您将鼠标悬停在动画上直到

浏览 2提问于2013-07-04得票数 0

回答已采纳

1回答

当悬停结束时，反转svg动画？

html、css、svg、hover、css-transitions

我只想让我的svg行在用户停止在父div开关上悬停后反转它们的动画。因此，我的问题是:当悬停结束时，我如何让它表现得像任何旧的过渡，并扭转它自己。另外:为什么当点击黄色框时</e

浏览 0提问于2014-11-01得票数 0

回答已采纳

1回答

文字干扰鼠标悬停

jquery、text、mouseover

当光标悬停在div上时，我会对它进行动画处理。现在的问题是，该div上的文本会中断动画，因为光标不再与该div直接接触。我该如何解决这个问题呢？$("#navi").animate({width:'200px'},{queue: false,easing:"easeOutBounce

浏览 0提问于2013-03-24得票数 1

2回答

JQuery / CSS3动画冲突

jquery、css

我有一个小的css3动画，让我的文本从白色变成蓝色，然后蓝色变成白色(当鼠标不再在元素上时，就会回到正常状态)。的这个动画被启动：$('#headerCenter img').hover( $('nav a').animate({，而jquery是当我们将鼠标

浏览 2提问于2013-07-05得票数 0

回答已采纳

3回答

jQuery If语句和变量

jquery、mask

基本上，我有一个顶部的工具栏，当鼠标悬停在上面时可以向下滚动。我添加了一个顶部遮罩层，使其更暗。我希望当css top值为=-180时，顶部蒙版可见。当前的问题应该是变量(css top值)没有一直更新。if (visible = -180) {} else {} 这里有一个JSfiddl

浏览 3提问于2011-03-20得票数 0

回答已采纳

1回答

当对象离开页面时更改CSS3动画循环

jquery、css、loops、animation

我有一个基于CSS3 3的动画，在动画上设置了“无限”属性。你可以在上看到一个演示我想要做的是改变元素的X位置，当它们从页面的顶部浮出时，当它们在页面底部继续时，它们处于一个新的随机位置。我以为我可以用jQuery的“动画端”回传来做，但它似乎不起作用。或者我</e

浏览 3提问于2014-07-16得票数 1

回答已采纳

2回答

链接不允许动画结束JQUERY

jquery、animation、hyperlink

我创建了一个div，当它被点击时，它会执行一个jquery脚本，但我遇到的问题是，在动画中有一个链接，当你点击这个链接时，链接会像动画一样被执行，但它不会让动画结束。有没有办法让Jquery知道，当它执行链接时，等待动画结束，然后转到链接？

浏览 5提问于2010-05-21得票数 0

2回答

悬停错误时jQuery向上/向下滑动

javascript、jquery、html、jquery-ui、hover

我有一个大的div，里面有一个小的div。较小的div最初显示为隐藏。当用户将鼠标悬停在较大的container-div上时，较小的div将使用show/hide-函数进行动画处理。较小的div是从底部开始动画的-所以如果我让光标悬停在最底部的容器上，当它滑入时，它

浏览 0提问于2010-04-08得票数 1

回答已采纳

2回答

如何用JQuery.hover + Raphael.animate动画菜单？

svg、raphael、jquery-hover

我的目标是当用户悬停列表项时，就会出现Raphael动画(针对它的子svg元素)。当鼠标缓慢移动时，JQuery.hover工作得很好。但是，当您快速地鼠标穿过(和关闭)两个列表项(水平)时，svg元素通常会卡在"mouseenter“动画位置上。。我试图弄清楚如何让动画</

浏览 2提问于2011-08-18得票数 0

回答已采纳

2回答

CSS3变换:悬停时旋转

html、css、css-transitions、css-transforms

我有一个很好的动画设置，所以我有一个子弹射击一个明星，然后旋转后，你悬停在枪上，所有的工作，但...... 当你把鼠标从枪上拿开后，星星会朝另一个方向旋转，这不太好:(你有什么办法让它停止吗？我试着用“active”代替，但在动画中不起作用。

浏览 1提问于2013-08-08得票数 0

1回答

jQuery悬停动画队列

javascript、jquery、animation

完全理解jQuery中的动画是如何排队和初始化的，有一些困难。试图通过编写一些按钮效果来更好地适应这个概念。我希望将下面的代码转换成一个平滑的动画(如果您多次在按钮上悬停，会遇到一些问题)，只有在上没有其他动画正在运行时，才能在中执行每个动画，然后只有在动画中悬停结束时才执行悬停动画<

浏览 1提问于2014-07-22得票数 0

3回答

删除click的悬停事件，然后再次绑定它

jquery、click、hover、jquery-animate、unbind

我有一个名为#footer的div，当用户将鼠标悬停在它上面时，它的边距使用jQuery进行动画处理。在#footer内部是一个名为#toggle的div，它在单击时使页脚再次向下移动。这一切都很好，除了当点击#toggle和#footer动画返回时，如果我移动鼠标，它会再次触发悬停，即使鼠标不再在#footer上。快把

浏览 3提问于2012-02-29得票数 0

回答已采纳

3回答

如何让SVG在视图中只显示一次，然后在每次悬停时都显示出来？

html、css、svg、css-animations

我在div上有这个动画。我想要的是当页面加载时，它应该动画一次。当我将鼠标悬停在它上面时，它应该会再次活跃起来。我也试过了，而不是在悬停<em

浏览 59提问于2021-06-04得票数 3

2回答

在页面加载时对对象进行动画处理，但仍然可以通过悬停进行更改

javascript、jquery、css、hover、jquery-animate

假设我在三个盒子上有一个小的悬停函数。当我将鼠标悬停在其中一个图标上时，它会显示动画并更改背景颜色。当页面加载时，我希望其中一个已经是动画的。如果我悬停在另一个框上，它将消失，然后只是动画任何一个是悬停在上面。这是$(document).ready(function(){ $(&#x

浏览 0提问于2013-05-23得票数 0

回答已采纳

点击加载更多