jquery animation的一种实现模式 ( an implementation of jquery animation)
访问量: 3099
我们在页面中,总是要对某些元素的展示作出动画效果。
经过实践,我们发现,最好不要在页面的初始化时就设置好某个元素的位置。 而是需要
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