Ruby China

JavaScript jQuery 动画的原理？

bryanwong · 2012年04月12日 · 最后由 bryanwong 回复于 2012年04月12日 · 3903 次阅读

http://www.udee.cn/
前淘宝员工做的类 read it later 应用。

网站首页的动画是用一张大图片做的：

  1. 实现原理是什么？
  2. 开发的时候怎样来调试页面？用 firebug 吗？

谢谢！

BBQ #1 2012年04月12日

CSS+JS 的一些插件做的！底图上有 2 张图层在移动！

ichord #2 2012年04月12日

也許找找看有沒什麼類似於 jquery 動畫插件 的東西。 剛才用 chrome 自帶的 developer tools 觀察了下。 按时间轴分别变动元素的三个属性 top ，left 和 opacity.

ichord #3 2012年04月12日

每一组动画按下面那列橙色方块为标记..

ichord #4 2012年04月12日

其实不用插件... 估计用 .animate() 方法就足矣。

clearJiang #5 2012年04月12日

实现就是这个文件 http://www.udee.cn/Public/Js/index.js?time=2012041101

倒是不长，挺不错的

bryanwong #6 2012年04月12日

谢谢大家的回复！

站在开发的角度，是怎样做的呢？比如开发的步骤？

是先大概想好动画的元素，然后按照时间的顺序，一步步实现的吗？这样开发的时候有点乱吧？

需要 登录 后方可回复, 如果你还没有账号请 注册新账号