js动画切换 - 腾讯云开发者社区

文章/答案/技术大牛

发布

1回答

一段时间后，JQuery/CSS动画中断

javascript、jquery、css-transitions

我已经建立了一个真正简单的动画与jQuery和CSS。我只是用jquery来转换对象，转换本身就是css转换。它像预期的那样工作，但如果我切换浏览器选项卡并稍后再次返回网站，动画就会做一些疯狂的事情。长方体从右到左快速飞行，但动画应该是从左到右。以下是动画的工作方式： $('#importance-healthy-text').css({ 'transform': 'translateX(1000px)', 'opacity'

浏览 15提问于2019-07-16得票数 0

2回答

为每个图像切换添加css关键帧动画

javascript、html、css、web

我有一个图像标签，它在每3秒改变为不同的图像，我想添加到它的动画样式，每次图像切换，css动画关键帧将生效。我似乎想不出如何在javascript中应用动画。类和动画关键帧：height: 55px;border-radius: 20%; animation-name: animateImage;

浏览 1提问于2020-04-14得票数 0

1回答

如果切换选项卡(CSS、JS)，如何使动画继续工作

javascript、css、css-animations

我使用关键帧和JS动画事件制作了一个复杂的多层动画。此动画与音频轨道重叠。为了使视觉部分与音频上的文本相匹配，我使用了setTimeout。当我切换浏览器选项卡时，音轨继续播放，但动画停止。客户的要求是，即使在切换选项卡时，动画也应该随着声音一起继续。我该怎么做呢？

浏览 40提问于2020-07-16得票数 0

4回答

控制图像动画的JavaScript？

javascript、image、animation、gif

我想在页面上有一个动画人物，不同的行为不同的动画。关于它的工作原理，我目前有两个想法：想法1:将每个行为都作为一个动画GIF，并在切换行为时使用JavaScript来切换GIF文件。优点:动画在图像本身，留给JS的工作较少。缺点: JavaScript没有办法(据我所知)知道GIF在哪一帧，动画何时结束/循环等。想法2:让每个动画的每个帧都作为PNG图像，并使用JS在帧之间切换，并使用一

浏览 0提问于2010-11-27得票数 8

回答已采纳

3回答

在背景选项卡上运行画布

javascript、canvas、processing.js

我最近创建了一个HTML5画布动画(也是使用Processing.js)。示例：如果您切换标签，时钟停止，但如果您打开一个新的窗口和模糊的窗口，时钟仍将移动。

浏览 0提问于2012-06-20得票数 6

回答已采纳

2回答

Cytoscape.js:带有动画的cose布局

animation、cytoscape.js

我试图动画的变化之间的布局之间的Cytoscape.js图。... var options = { namechangeLayout('cose')">to cose<

浏览 7提问于2016-05-25得票数 2

回答已采纳

1回答

JQuery砌体动画不会从底部加载

jquery-masonry、infinite-scroll

但是新的附加元素是从左上角，而不是从底部动画。newElems.animate({ opacity: 1 });}); 最后一个“真”的意思是“是动画的

浏览 3提问于2013-04-24得票数 1

1回答

从隐藏div开始，然后使用Animate.css fadeIn和fadeOut进行切换

jquery、animate.css

我正在尝试使用display: none隐藏一个div，然后使用jQuery通过单击一个按钮从切换fadeIn动画。.window{ width: 200px; margin: 20px;} JS

浏览 117提问于2018-08-12得票数 2

2回答

响应17.0.1-当div进入视口时如何触发动画？

reactjs、css-animations、react-transition-group、web-animations、react-animations

我正在开发一个使用React.js构建的网络应用程序。当div进入视口时，我想触发一个动画。目前，我可以运行动画，但动画不等待div进入视窗。我使用来自CSSTransitionGroup包的react-transition-group实现了动画。当div进入视区时，我试图弄清楚如何使<em

浏览 3提问于2021-01-31得票数 1

回答已采纳

1回答

浏览器选项卡切换时，Typed.js文本动画暂停

javascript、jquery、html、css、animation

我在我的网站上使用typed.js，在主页滑块上的类型化文本动画方面我有一个问题。当您停留在页面上时，将同步输入动画，但一旦切换选项卡，键入动画就会暂停，而背景滑块继续循环，从而导致文本与与其相关的背景不同步。在切换浏览器选项卡时，是否有任何方法阻止类型化动画暂停，并让它继续使用背景滑块循环？这是我为旋转木马(使用后伸)和typed.js拥有的javascript $('bigWrapper').backstretc

浏览 2提问于2017-07-24得票数 0

回答已采纳

1回答

重新加载动画(切换菜单)

javascript、html

这是一个有反应的肚脐和JS。当用户单击切换按钮时，菜单会出现(带有动画)或消失。就这样办。但是我想做更多的事情，当用户点击这个菜单的一个链接时，菜单就被隐藏了。我的问题是，当用户再次单击切换按钮之后，动画就不能工作，所以菜单就不会出现。当加载页面时，它只工作一次。我希望动画运行每次我们点击这个按钮，无论是通过关闭菜单通过切换按钮或其中一个链接。当菜单关闭时，我尝试删除动画。link.addEventListener('click'

浏览 6提问于2020-06-11得票数 1

回答已采纳

7回答

jQuery UI switchClass()方法工作不正常

javascript、jquery、css

jQuery UI switchClass()方法不切换类，而是执行一些不需要的动画，当我使用jquery.animate-enhanced.js进行硬件加速动画时，类保持与原始类相同。

浏览 0提问于2011-10-28得票数 11

回答已采纳

1回答

stopPropogration与.toggle()和jQuery

jquery、toggle、stoppropagation

$(document).ready(function() {$('.js nav #nav-ads').toggle( $('.dropdown-js').fadeIn();}, function() {$('.dropdown-<e

浏览 1提问于2015-03-17得票数 0

回答已采纳

2回答

有什么方法可以切换CSS动画吗？

javascript、css

我在CSS中创建了一个关键帧动画，但我希望能够切换它。我尝试使用JS classList.toggle切换它，就像我对过渡动画所做的那样，但它只是简单地删除了类，而没有对其进行动画处理。我找到的唯一解决方案是创建两个关键帧动画，一个用于"in“，另一个用于"out”。我想知道有没有更简单的方法来切换它？boxAnimation { height: 0vh; 70% {

浏览 29提问于2019-10-18得票数 1

1回答

jQuery:状态和类之间的切换

javascript、jquery、css

动画按计划在label点击时进行。编辑:让display: none处于隐藏状态的在这里是必需的。

浏览 6提问于2015-10-01得票数 0

回答已采纳

3回答

jQuery，删除添加到toggleClass元素的填充

javascript、jquery、html

我正在用slideToggle动画一个隐藏的div。因为它在顶部有一个固定的位置，所以我想用隐藏的div的当前高度添加动画的容器div‘下’的填充顶部。但是，类在单击时会正确切换，并且填充添加了正确的像素量，在切换掉类之后，填充仍然保留。$('#myButton').click(function(e){ e.preventDefault();

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

3回答