jquery animation的一种实现模式 ( an implementation of jquery animation)

访问量: 1324

我们在页面中,总是要对某些元素的展示作出动画效果。 

经过实践,我们发现,最好不要在页面的初始化时就设置好某个元素的位置。 而是需要
1. 把它保留原有的元素位置不动。 
2. 使用 jquery.css() 方法设置目标的 初始化位置
3. 使用 jquery.animation() 方法 将目标的位置变回来。 

例如:

  // 正确的办法: 使用JS 先把目标元素设置个偏移量,然后再把它移动回来。
               $('#' + id_selector).children('img').last()
                 .css('margin-left', '+=50px')
                 .animate({ opacity: 1.0, 'margin-left': '-=50' }, 1000, after_call_back )

see: https://github.com/sg552/test_animation/blob/master/animation.js

订阅/RSS Feed

Subscribe

分类/category