如何使用简单的JavaScript、而不切换类和I、没有jQuery和jQuery插件,重新制作CSS3动画,但只使用JavaScript?在CSS3中,使用@keyframes是如此简单,但是如何使用JavaScript呢?密码是什么?
如何创建动画?
var start = document.getElementById("start");
start.style.animation = ... // I don't know what to do
start.style.animationname = ... //Or something like this?
我
我有一个滑动的div和几个按钮,它们将以不同的速度触发动画(通过使用不同的持续时间值)。
这些按钮类似于: Left x2Left x0.5 x2Left x1
我的代码目前是这样的:
//leftVal is set based on where the div is currently placed
//timeLeft is set based on which button is "on hover"
$('#content-holder').animate({
"left": leftVal
更新:
我为jQuery制作了一个可链接的动画效果插件(参见我的)。在自定义效果中,我使用jquery的.animation()效果,它应该将动画放在jquery的内置动画队列中。当我试图链接动画时,它会立即启动自定义的.horizontalBlinds()动画,而不会将它放在jquery的内置动画队列中。我如何让它像所有其他内置的jquery效果一样在队列中等待它的出现呢?
// both effects start at the same time
$(element).fadeIn().horizontalBlinds(4);
我现在有一个CSS3动画,一旦窗口滚动到某个点,就会添加一个类来触发它。我想增加1秒的延迟,这样动画就不会一帆风顺地开始了。下面是动画发生的页面:
(滚动到第二部分)
我使用的现有代码是:
jQuery(window).scroll(function playani() {
var scroll = jQuery(window).scrollTop();
//add 'ok' class when div position match or exceeds else remove the 'ok' class.
jQuery('#angl