JavaScript jQuery 动画的原理?

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

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

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

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

谢谢!

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

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

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

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

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

倒是不长, 挺不错的

谢谢大家的回复!

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

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

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