延迟“取消悬停”动画

文章/答案/技术大牛

发布

1回答

html、css

将鼠标悬停在其上后，将显示输入字段。但是，一旦它被“取消悬停”，它当然就消失了。inset 0px -2px 0px 0px #FBB317;} 当鼠标不在搜索容器div上时，有没有办法延迟动画

浏览 16提问于2020-09-18得票数 0

2回答

React-Spring fade 2按钮悬停在框上

javascript、reactjs、animation、react-spring

当我将鼠标悬停在框上时，我希望按钮将不透明度从0转换为1，并希望将transform属性从translateY(20px)转换为translateY(0)，以便它们也向上移动。我有这个效果的地方，但我想有底部按钮的动画稍微延迟时，悬停，我希望顶部按钮动画稍微延迟时，取消悬停。我如何使用react-spring来实现这一点？

浏览 36提问于2020-10-14得票数 0

回答已采纳

4回答

隐藏或显示div，在悬停时破坏功能

jquery、function、hover

我试图在悬停事件上解除特定函数的绑定。一个div显示在页面加载，并在5秒后消失，除非该div已经悬停。为什么这个功能没有被破坏？

浏览 4提问于2015-05-06得票数 0

回答已采纳

5回答

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

jquery、animation、jquery-animate

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

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

回答已采纳

1回答

延迟超链接

javascript、html、css

是否可以将超链接延迟3秒，因为CSS有延迟动画，我有一些带有动画的图标，对于移动用户，他们不能悬停在图标上，但是如果我延迟了超链接，他们就能看到图标动画了吗？这个是可能的吗？谢谢大家！

浏览 3提问于2016-07-05得票数 2

回答已采纳

4回答

可以使用CSS3动画将光标更改为指针延迟吗？

html、css

我有一个图像(当悬停在上面时)放大(使用CSS动画)。该图像也是指向另一个页面的链接。谢谢。

浏览 2提问于2014-09-12得票数 3

1回答

jquery只在以前的动画完成时才对悬停动画添加延迟。

jquery、css、delay、jquery-animate

我有一个小的jQuery片段，它根据图像的alt属性(如果存在的话)动画图像标题。场景1:用户悬停在图像上，标题完全动画。用户悬停，动画延迟(标题保持不变)2秒，然后动画出来。场景2:用户悬停在图像上，标题开始动画化，但是用户在它完成之前徘

浏览 2提问于2012-03-16得票数 2

回答已采纳

1回答

CSS一直保持处于打开状态，直到另一项处于悬停状态。

css、onhover

当用户悬停在项目上时，是否可以仅使用CSS来展开项，并将其保持到用户悬停在另一项上？我尝试过转换，这些转换将继续打开或展开和关闭，但不展开，等待另一个操作，然后重新关闭项目。

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

回答已采纳

1回答

不同的淡出速度

html、css

我开始练习一些CSS3动画。我这里有一些示例代码：我想知道，当取消悬停时，我如何为动画指定更长的持续时间。目前，当我悬停时，它似乎需要相同的时间和设置来应用样式来删除它们。我想将其设置为在取消悬停时，背景颜色需要更长的时间(放大到大约2秒)才能淡出到正常状态，但在悬停时仍然需要0.1秒才能淡出。

浏览 1提问于2011-09-19得票数 1

回答已采纳

1回答

背景中的误差和延迟逐渐淡入

javascript、jquery

这段代码给了我一个错误，在鼠标悬停时，它显示了背景变化的延迟，我真的不知道是什么问题。有人知道问题出在哪里吗？

浏览 5提问于2011-10-13得票数 0

1回答

离开悬停后清除延迟

css

我想删除我在离开悬停状态后申请的延迟 

浏览 2提问于2021-12-23得票数 0

回答已采纳

4回答

延迟悬停动画

jquery、settimeout

我的代码是： $('.holder').hover(function() { },function() { });现在我想实现setTimeout函数。但问题可能是$(this)

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

回答已采纳

6回答

jQuery setTimeout

jquery、settimeout

我想为这个工具提示代码添加一个超时，这样它只会在鼠标悬停一段时间后才显示，而不是立即显示……我尝试添加setTimeout()，但是我不知道如何使用clearTimeout()，所以工具提示不会隐藏在鼠标输出中

浏览 4提问于2011-12-23得票数 8

回答已采纳

1回答

当鼠标离开JQuery模式时停止.hover动画

javascript、jquery

.);); 但是，如果用户的鼠标在动画结束前离开，动画将继续播放。如果我快速且重复地快速悬停和取消悬停该元素，则在鼠标离开该元素后，动画会重复多次。如何使动画在鼠标离开元素后停止？

浏览 1提问于2011-10-17得票数 4

回答已采纳

1回答

动画延迟在CSS3关键帧只有CSS？

css、animation、delay、keyframe

我正在和某人讨论CSS3在点击和悬停时制作动画的能力，我决定做一个小测试来展示它们。我决定做一点边界推送，这样当你将鼠标悬停在动画上时，动画就会发生，当你取消悬停时，它会等待3秒，然后运行动画将它放回原处。然而，问题是，当页面加载时，它会运行“取消悬停”动画。下面的代码所做的是，当你将鼠标悬停在红色框上时，它的动画是蓝色的。当您取消悬停

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

0回答

Snap.svg悬停/取消悬停错误(用于更长时间的取消悬停)

javascript、svg、snap.svg

如果我画一个圆，然后像这样做动画--一切都会正常工作： var c = s.circle(100,100,100); }, function() { }); 它在悬停时将颜色更改为红色，而在“取消悬停”时，它将恢复为黑色。但是如果我将第二个函数( unhove

浏览 5提问于2016-07-12得票数 0

回答已采纳

3回答

是否在未满足延迟时取消事件？

javascript、jquery

我需要能够根据元素悬停的时间来取消事件。比方说，当我将延迟设置为500ms时，当元素悬停的时间少于500ms时，事件应该被取消，否则它将被触发。

浏览 3提问于2011-08-23得票数 0

回答已采纳

3回答

jQuery - fadeIn()、fadeOut()、animate()、stop()和闪烁

jquery、jquery-animate、fadein、fadeout

当"hover“触发此代码时：用户快速地悬停和取消悬停，"#test“项长时间闪烁(当然，在悬停时不透明度动画为1，在取消悬停时动画为0)。

浏览 0提问于2011-07-09得票数 3

回答已采纳

1回答

为不同的状态Css3不同的关键帧

css、hover、css-animations

我遇到了一些问题我的第一个动画在页面加载时工作正常，但我想在你悬停figure元素时触发另一个动画，如果你这样做，第一个动画会重复，但很明显，如果你把鼠标放在红色框上并强制它回到原来的位置，那么我的第二个动画就会工作webkit-animation-direction:alternate;*/#sharing-wrapper figure:hover{动画

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

2回答

jQuery fadeIn和fadeOut在图像悬停时出现错误

jquery、image、hover

我有一个页面上的四个图像悬停，需要用相关的文本替换与该图像的主要文本。它是工作的，但有but。如果我慢慢地翻滚，慢慢地滚下去，我就会得到想要的效果。当我快速翻转时，两个div的内容都会显示出来。

浏览 0提问于2010-05-27得票数 1

回答已采纳

点击加载更多