使用纯javascript的动画，没有jquery

我正在使用jquery/jquery-ui的slideDown()动画功能的特定任务。现在发现我不能在这个项目中使用jQuery。我也不能使用YUI或任何其他库。所以我想知道有没有办法使用纯JavaScript来执行slideDown风格的动画？使用纯javascript的动画，没有jquery

编辑：我有，因为我使用的硒控制下的网页做才不至于jQuery和这个特定的网站加入了jQuery出于某些原因，分页符事件处理程序。

来源

2011-12-29 Jim_CS

为什么不看看jQuery的实现？它只是在那里的JavaScript。 – canon 2011-12-29 18:29:12

如果你不想要jQuery，你为什么要在你的问题中加入'[jQuery]'标签？我已将其删除。 – 2011-12-29 18:30:35

@RobW问题的功能来自jQuery ... – canon 2011-12-29 18:31:48

显而易见的答案是......快速的问题......难道你不能只是做一个ASYNC加载jQuery到文档中，然后在事后使用它，或者你可以不使用它，因为其他限制？

最糟糕的情况下，你可以撕掉你需要的部分，但这没有多大意义。如果您可以编辑任何JS，您可以轻松地将jQuery粘贴到代码上方。

来源

2011-12-29 18:29:56 Seth

将jquery添加到分页符现有的事件处理程序。 – 2011-12-29 21:06:29

你熟悉jQuery的'noConflict（）'调用吗？我不确定你使用的其他库是什么，但这是防止这种情况发生的好方法。 – Seth 2011-12-30 01:43:10

您可以使用CSS3制作幻灯片和动画，例如

.slidable { 
    position: relative; 
    -webkit-animation: Slider 2s ease-in-out; 
} 
@-webkit-keyframes Slider { 
    from { 
    top: 0px; 
    } 
    to { 
    top: 100px; 
    } 
}

对Firefox使用-moz-。 Javascript也可以进行移动，只需将它们放入计时器中即可

var top = 0; 
window.Timeout(MoveSomething, 10); 
function MoveSomething { 
    var el = document.getElementById('moveme'); 
    top += 2;  
    el.style.top = top + 'px'; 
    if (top < 100) window.Timeout(MoveSomething, 10); 
}

只需要编码！

来源

2011-12-29 18:37:53

使用纯javascript的动画，没有jquery

回答

相关问题