如何使用javascript使用户只能在Lottie动画完全播放后触发悬停事件？

文章/答案/技术大牛

发布

2回答

javascript、animation、hover、mouseevent、lottie

在Lottie动画最初完全播放之后，我如何才能使用户只能触发鼠标悬停和鼠标左键事件。目前，用户能够在动画播放到一半时引发悬停事件，这是我不希望发生的事情。谢谢 var anim4; var anim

浏览 9提问于2020-01-28得票数 0

回答已采纳

1回答

如何让一个按钮播放一个lottie动画，同时在它里面

javascript、css、animation、lottie、bodymovin

所以我有一个lottie动画，这正是我需要的动画，但是它只能自动播放或悬停播放，或者有视频控制。我希望发送按钮是一个按钮，因为现在它只是我在after effects中制作的lottie动画的一部分。我在Adobe after effects中制作了

浏览 65提问于2021-02-27得票数 0

2回答

在页面加载时禁用CSS动画，但每隔一次工作一次

javascript、css、animation

如何使CSS动画不是在页面加载时播放，而是在页面加载时每隔一次播放一次？from{transform: rotate(180deg)}} 因此，第一次加载页面时，.anim容器会旋转，但我打算稍后使用onclick事件触发旋转。默认情况下会应用anim类，一旦调用了onclick事件，anim类就会被移除，而另一个具有其自身动画的类将应用于元素。上面的

浏览 1提问于2016-02-01得票数 0

3回答

加载页面后检查鼠标输入

javascript

我的一个元素上有一个mouseenter事件。问题是，在dom完全加载之前，我不能添加事件，所以我使用如下内容： ${"my_element").observe("mouseenter", function() { ... }现在，用户可能在页面完全加载之前将鼠标悬停在元素上，因此

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

1回答

在继续之前，我应该注意到，我之前发布了一个类似的问题，其内容与类似，但认为bug的来源是在ngFor循环中使用自定义组件。我看到这不是问题，所以我删除了原来的问题，使我的质询更准确，不误导任何人。接收来自上述父组件的自定义css属性和lottie将播放的方向。以“暂停”状态启动lottie，以在单击.时触发动画。动画只触发一次，并停留在其完成的动画状态。当我像上面一样插入lottie</e

浏览 4提问于2020-07-24得票数 1

回答已采纳

3回答

Javascript/CSS鼠标悬停区域太敏感

javascript、css

我使用css构建了一个导航区域(它会触发一个javascript函数来调出子导航)。我的问题是我的空间有限，导航区有点挑剔的感觉。我想知道在javascript或css中是否有减少命中区域的技术或方法？目前，我对鼠标悬停使用了一种图像“上滚”技术，即on :hover，我的图像(如下图所示)卷起了大约50px来显示鼠标悬停状态。

浏览 0提问于2010-02-09得票数 3

回答已采纳

3回答

CSS多次淡出

javascript、css

我使这个JS slowly ()函数将不透明性设置为1，然后慢慢地将其恢复到0，因此会弹出一条消息，然后消失。invis.style.opacity) - .05; }问题是，由于网页是单线程的，任何其他动作都会中断动画;@keyframes trans { opacity: 1; 50% { } 这很好，但它只工作了一次从这里我不能让<

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

回答已采纳

2回答

在鼠标上使用关键帧吗？

css、fadeout

我正在使用关键帧动画，我使用的标记，当你悬停在他们之上，信息或图片将出现。我加了一个淡入，但我不知道怎么让它淡出。: 1;}}-webkit-animation-name: fadeout;} 有谁能告诉我应该在哪里插入淡水区吗？谢谢!

浏览 2提问于2016-01-29得票数 0

回答已采纳

4回答

引导3弹出:显示在悬停和点击，又名。别针波波弗

javascript、jquery、twitter-bootstrap、popover

使用悬停触发器显示一个弹出器很好。现在，如何在触发图像悬停时使弹出器出现，但是如果用户单击该图像，则取消悬停并启动单击切换？换句话说，悬停显示弹出式，并点击“引脚”弹出。popover(); 从我到目前为止所看到的情况来看，解决方案很可能是一组很好的复杂的popover('show')、popover(

浏览 5提问于2013-09-11得票数 17

回答已采纳

4回答

按一下填充HTML下拉列表

javascript、jquery、html、ajax、select

这个填充是使用select元素的单击事件侦听器中的AJAX调用完成的。此外，设计必须使用本机HTMLselect元素。演示使用50毫秒的setTimeout()来模拟AJAX响应时间。是否有一种在回调流行响应时打开select的方法？编辑:或者，是否有一个jQuery插件下拉列表，它使用浏览器的本机主题进行样式设计？在

浏览 6提问于2012-10-15得票数 8

回答已采纳

1回答

事件顺序不是预期的

jquery、jquery-events

我有一个图像动画代码集，所以它发生在某些页面更新事件。它如预期的那样工作。由于更新可能失败，我不希望动画永远播放，我希望只要用户单击任何地方或按下一个键，它就会停止。"></script> function RefreshImg() { var src =$processando.fadeOut(&

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

回答已采纳

1回答

如何利用ngAnimate制作简单的动画

angularjs、animation

我无法理解ngAnimate究竟是如何工作的。这是我的疑问。1) ngAnimate -只在directives上工作3)以上任何一种方式，如何在animation完成后添加回调？因为我只在animation中看到了directives的所有例子。这里有一个小演示，任何一个都可以帮助我在没有directive的情况下动画化，也可以用directive方法简单地添加一个类名为“淡出”？

浏览 2提问于2015-06-13得票数 1

回答已采纳

2回答

*移动悬停(负责网页设计)

javascript、html、css

当用户悬停此div时，它会更改背景，并出现3个按钮。 $(this).find(".imovel", this).hover(function(){如果我第一次点击手机的位置，它

浏览 2提问于2017-03-26得票数 0

回答已采纳

1回答

苹果是如何定义“用户行为”的？

javascript、ios、html、video

我目前正在工作的一个网络项目，我需要开始播放一个视频后，一个滑动事件，我无法使这个工作。我正在使用HTML5视频播放器和JS检测刷事件。我第一次尝试使用hammer.js可以更容易地检测using事件，但在努力工作之后，我开始使用普通的js。经过一些调试，我注意到视频HTMLElement的播放方法返回了一个承诺。由于这个问题只存在于iOS中，我开始阅读苹果开发人员的文档，并注意

浏览 1提问于2017-06-21得票数 1

11回答

CSS鼠标悬停与JavaScript鼠标悬停

javascript、css

有时候，我可以选择使用CSS元素:hover或JavaScript onmouseover来控制页面上html元素的外观。考虑以下场景，其中div包装输入<input id="input">当鼠标光标悬停在div上时，我希望输入改变背景颜色。input {background-color:White;}</style> <div&

浏览 4提问于2009-03-04得票数 86

回答已采纳

2回答

CSS3变换:悬停时旋转

html、css、css-transitions、css-transforms

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

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

2回答

CSS3变换Rotate3D - On Hover，强制完全变换？

css、css-transitions、css-transforms

0,1,0,180deg); transform: rotate3d(0,1,0,180deg);我正在使用一些在任何Windows浏览器中，我对此都没有异议，但我从一些Mac用户那里得到的报告说，轮转被卡住了，不会完全翻转过来。在这些浏览器中，当进行3d转换时，用于悬停的" hitbox“似乎与元素和内容一起被转换(当它接近旋转90度时，元素的hitbox接近1 1px宽度)。我可能弄错了正在发生的事情，或者有一

浏览 0提问于2018-01-18得票数 2

回答已采纳

1回答

可以在事件处理程序上使用延迟对象链吗？

javascript、jquery、jquery-events、jquery-deferred

我对Javascript / jQuery有点陌生(但不是编程)，所以请原谅我对这件事的无知。我已经看过和了，但是没有一个解决了我的问题。我的场景：我有一个用Javascript / jQuery编写的幻灯片。在这个幻灯片中，当用户悬停在幻灯片上时，我想显示控件(播放按钮，向后，向前)，并在鼠标离开幻灯片区域时隐藏它们。我尝试向我的按钮中添加悬停事件处理程序，以更改全局布尔值，以便只有当该布尔值为false时，幻灯片控件才会被隐藏(这意味着其中一个按

浏览 1提问于2013-05-11得票数 2

回答已采纳

3回答

toggleClass条件不工作/图标在移动上单击两次后消失。

javascript、jquery、conditional

我正在尝试用jquery动画按钮。在桌面上，他们是好的，但在移动按钮消失后，两次点击。我不知道如何告诉它，如果类只是"fa“，然后自动添加"fa-plus”到类中。有人能给我指明正确的方向吗？

浏览 3提问于2018-04-05得票数 0

回答已采纳

点击加载更多