试图掌握JavaScript动画的窍门

我是新来的，也不熟悉JavaScript

基本上，我试图实现的是使图像从页脚上升到页面中心，我已经找到了如何使用CSS。但我希望当页面自行加载时，它会上升

如果有人能给我指出正确的方向或给我举一些例子等，我将非常感激

提前感谢,

---

Joe

那么您想在加载页面之前/加载页面时执行动画？ 大多数现代浏览器在制作任何动画之前加载网站

不过，还有另一种选择。当然，除了动画之外，您可以将大部分内容保留在页面之外。加载网站后，动画开始，您可以使用AJAX获取内容

这意味着，当动画运行时，将加载内容

我现在正在制作一个演示。。。坚持住

---

下面是演示：

我使用了

window.addEventListener（'load'，init，false）

等待javascript运行，直到加载页面

加载后，将创建一个

XMLHttpRequest

对象，该对象在页面正常运行时获取另一个文件

加载内容后，我使用

document.getElementById（'content'）.innerHTML=xmlhttp.responseText添加响应

不要提及内容。我只是使用了一个随机的CSS文件。
如果您刚开始使用Javascript，那么使用类似的库开始使用动画可能会容易得多

jQuery将使您能够专注于您正在尝试做的事情，而不必太担心浏览器差异、就绪事件等。此外，如果您对jQuery如何制作动画更感兴趣，您可以查看。
我建议您签出并删除。要在加载页面时制作动画，需要将图像放在html正文的顶部，以便浏览器停止并首先加载图像，然后再加载页面的其余部分。然后在脚本中，您可以测试元素是否存在于DOM中，然后在元素存在时启动动画。然而，这确实会妨碍性能。我建议在页面加载后制作动画，您可以使用jQuery轻松测试。这样，图像可以放在html正文中的任何位置，脚本可以放在最后，以缩短加载时间。保罗·爱尔兰（Paul Irish）对制作动画也有自己的见解。
至少有两个伟大的项目可以让你学习：和。他们的源代码应该会给你一些帮助。谢谢你，很好的资源！哇！非常感谢蒂姆，这正是我想要的。祝我好运，再次感谢你！不客气！在堆栈溢出时，您可以接受答案，以便在任何人有相同问题时向他们显示正确答案。请点击答案左边的大“V”。