我是新来的，也是 JavaScript 的新手。
基本上我想要实现的是让图像从页脚上升到页面的中心，我已经弄清楚了如何使用 CSS 来做到这一点。但我希望它在页面自行加载时升起。
如果有人能指出我正确的方向或向我展示一些示例等，我将不胜感激。
提前致谢，
乔
问问题
115 次
3 回答
0
所以你想在页面加载之前/期间执行动画？大多数现代浏览器在制作任何动画之前都会加载网站。
不过还有一个选择。您可以将大部分内容留在页面之外，当然动画除外。加载网站后，动画开始，您可以使用 AJAX 获取您的内容。
这意味着当您的动画正在运行时，会加载内容。
我现在正在创建一个演示......等一下！
这是演示：http: //jsfiddle.net/gWhtQ/
我曾经window.addEventListener('load', init, false);等待 javascript 运行，直到页面加载。
加载后，将XMLHttpRequest创建一个对象，该对象在您的页面正常运行时获取另一个文件。
加载内容后，我使用document.getElementById('content').innerHTML = xmlhttp.responseText;.
不提内容。我只是使用了一个可用的随机 CSS 文件。
于 2013-01-17T14:01:29.743 回答
0
如果您刚开始使用 Javascript，那么使用jQuery之类的库开始使用动画可能会容易得多。
jQuery 将允许您专注于您正在尝试做的事情，而不必过多担心浏览器差异、就绪事件等。此外，如果您对 jQuery 如何处理动画更感兴趣，您可以查看GitHub 上的代码。
于 2013-01-17T14:08:09.500 回答
0
我建议您查看jQuery和Addy Osmani 的帖子。要在页面加载时制作动画，您需要将图像放在 html 正文的顶部，以便浏览器在页面的其余部分之前停止并首先加载它。然后在您的脚本中，您可以测试元素是否存在于 DOM 中，然后在存在时启动动画。但是，这确实会阻碍性能。我建议在页面加载后制作动画，您可以使用 jQuery 轻松测试。这样，图像可以放置在您的 html 正文中的任何位置，并且您的脚本可以放置在最后以缩短加载时间。Paul Irish 也有一篇关于做动画的好帖子。
于 2013-01-17T14:09:56.107 回答