如何修复在悬停时不触发的动画？

文章/答案/技术大牛

发布

1回答

html、css

我有一个按钮的悬停动画，但它似乎不会触发。-ms-transition: all 0.3s; transition: all 0.3s;} 它应该做的是触发另一个这个被旋转了45度，所以角落看起来像是被切割的。我不知道问题出在哪里。

浏览 11提问于2019-08-26得票数 1

回答已采纳

1回答

CSS3动画div位置会导致不可点击区域，而不会触发动画。

html、css、animation、position

我试着做了一个悬停动画，它把信息从底部带到中心，问题是div位置点从bootom开始太多，导致顶部和中心区域不触发悬停动画，只有底部区域触发它。我怎样才能修复div的位置，并且仍然保持动画的底部？

浏览 2提问于2015-03-02得票数 1

回答已采纳

3回答

我怎么能忽略一段时间的jQuery动画呢？

jquery、animation

示例：这是一个有趣的效果，但不是我想要的。如果用户在几次左右徘徊，那么我希望动画不会发生，比方说在一秒左右。

浏览 5提问于2011-03-30得票数 0

回答已采纳

1回答

引导-如何从崩溃的肚脐上消除悬停效果？

jquery、css、twitter-bootstrap

我有一个带导航栏的页面，每个链接都滚动到页面中的一个部分。我有如下所示的悬停动画：.navbar-default .navbar-nav li a:active {}在较小的</em

浏览 5提问于2016-03-20得票数 2

回答已采纳

5回答

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

jquery、animation、jquery-animate

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

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

回答已采纳

1回答

SVG动画在悬停时重置

html、css、svg

我有一个我制作的svg动画stroke="none"from{ stroke: none; }一旦它完成动画，我希望笔划改变颜色:悬停，它做到了。但是一旦我把光标移开，动画就会重新开始。

浏览 1提问于2017-11-17得票数 0

1回答

用jQuery创建/销毁多个div错误

javascript、jquery、html、css、webkit

我有一个奇怪的，但混合了CSS3 3/HTML5 5/Javascript的Webkit浏览器(但没有尝试任何其他)。尽可能快地悬停在多块“瓷砖”上，你会发现它有时会停止工作。show(); }); }); 对于HTML/CSS (这对于诊断来说有点不太有用)，请检查我在那里链接的小提琴所以下一次过渡结束时，什么都不会被调用。我想知道：有没有办法重新设置

浏览 1提问于2012-10-05得票数 0

回答已采纳

2回答

除非事件持续n毫秒，否则禁止发生Jquery动画

javascript、jquery

我以为这样就可以了，但它只会延迟动画。"slow"); }, function () { $("#quicksearchtip").delay(100).slideUp("slow"); }); 如果用户不小心将光标移到元素上几毫秒，我不希望事件被触发我希望它只在它们悬停在元素上时发生。当光标接触到元素时，这是非常恼人的，即使是在鼠标离开元素之后，动画也会

浏览 1提问于2011-05-13得票数 1

回答已采纳

2回答

jQuery slideDown菜单在第二次悬停之前无法工作

jquery、html、css、hover

我所拥有的：我需要的是：示例：这个例子中没有出现问题，但是代码应该提供必要的上下文。我无法链接到我正在开发的<

浏览 2提问于2016-04-05得票数 0

回答已采纳

3回答

CSS:将效果从一个元素链接到另一个元素

jquery、css

我有图像A和图像B，它们位于页面上的不同位置。当鼠标悬停在图像A上时，会附加一个css动画。当鼠标悬停在图像A上时，我想为图像B附加和触发相同的动画。我应该更好地使用jQuery吗？如果是jQuery，那么如何在元素上触发css动画？

浏览 2提问于2012-04-02得票数 0

回答已采纳

3回答

用于每个类元素的简单jquery .hover()方法

jquery、hover、jquery-animate、each

我没有做太多的jquery，遇到了一个问题。我想为所有div绑定类.social-tile的鼠标悬停事件。我是这样做的： var social_default = $('.social-tile').css('margin-right'); 'margin-right': social_default

浏览 6提问于2011-04-02得票数 3

回答已采纳

3回答

我的一个div出现了jQuery问题

jquery、html

编辑:我把clear:both添加到.panel中，这样我的CSS div就不会遍历整个页面。感谢大家的帮助和建议。请查看我正在进行的小项目，以便在上练习我的html/css/js 我有一个鼠标悬停触发页脚动画的问题。我只想在#opmetAbout或#panel内/外悬停时切换页脚。如果你看一下超文本标记语言，你会看到#opmetAbout和#面板周围的div上

浏览 0提问于2013-06-25得票数 0

回答已采纳

1回答

使用步骤在png序列上的CSS转换

css、css-transitions、transition

我正在尝试使用PNG序列来制作动画，它在悬停状态结束时进行转换，并在悬停状态结束时恢复动画。为此，我使用带有“步骤”定时函数的css转换，如下所示：看看这个活生生的例子(我用了一个随机的PNG精灵，我在谷歌上搜索过，它不是我实际使用的) 基本上，这是很好的工作，当你盘旋在元素上慢

浏览 0提问于2014-04-09得票数 5

回答已采纳

1回答

如何在css中启动另一个动画时触发动画

css、animation

我有一个动画，当鼠标悬停在图像上时播放。hover { 我在这张图片下面有文本，当缩放变换发生时，如何使动画仅在悬停动画触发时触发？我想在动画播放时将文本向下推

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

1回答

禁用在页面加载时运行的CSS动画(没有JS，只有HTML和CSS)

html、css、animation、sass

我有一个问题，我做了一个检查标记CSS动画在我的网站，但他们开始在页面加载，它不应该，它应该只触发在悬停/不悬停。文本需要折叠，就像(.)当价格超过描述时有人能帮我解决吗？没有Js的建议。

浏览 1提问于2022-03-29得票数 0

1回答

从CSS动画平滑结束到过渡，由:hover触发

css、animation、hover

我有一个想法是无限循环嵌套CSS动画，其中每个循环的持续时间是一个不同的质数，因此累积效果是一个很好的非重复动画(用webkit浏览器将鼠标悬停在徽标上以获得一个想法：) 问题是，当:hover状态结束时

浏览 2提问于2012-12-13得票数 2

回答已采纳

1回答

jQuery ScrollTo在动画中禁用<a>nchors

jquery、scrollto

我使用的是Ariel Flesler的ScrollTo jQuery插件。一切都很棒，除了滚动时，动画将光标拖到一些链接上，这些链接具有:悬停触发器，导致动画中的瞬间挂起。有没有人知道如何在动画发生时禁用元素:悬停功能？

浏览 1提问于2009-05-01得票数 0

回答已采纳

1回答

如何用Snap.SVG定位悬停效果？

javascript、jquery、animation、svg、snap.svg

我正在用Snap.svg测试动画，在悬停时输入/输出，点击时用我用Illustrator创建并导出的SVG插图。我有一个包含其他子组的组。在悬停父组时，某些子组将使用捕捉设置动画。问题是，hover事件在进入父组时触发，而hover out在悬停子组时触发，导致<

浏览 1提问于2015-08-20得票数 1

2回答

D3.js -为什么会为每个子元素触发mouseover和mouse？

javascript、d3.js

我使用d3.js生成一个svg圆，圆的中间有一个文本徽标。这是svg结果。.append("text").text(function(){ return "The movie title";}); //code for transition }).on("mouseo

浏览 6提问于2014-03-17得票数 16

回答已采纳

1回答

悬停和取消悬停进入无限循环

css、css-transitions

代码：当您将鼠标悬停在div上，并且当div边界到达光标时，将应用类.a的普通样式。使其在光标下方移动，从而触发悬停。这将进入无限循环。有没有办法单独使用css3来解决这个问题？

浏览 1提问于2011-12-13得票数 1

点击加载更多