zepto中animate的用法

kongjiea

于 2014-08-13 11:34:48 发布

阅读量6.7w

点赞数

分类专栏： zepto

本文链接：https://blog.csdn.net/kongjiea/article/details/38534435

版权

zepto 专栏收录该内容

3 篇文章

订阅专栏

$("#some_element").animate({
        opacity: 0.25, left: '50px',
        color: '#abcdef',
        rotateZ: '45deg', translate3d: '0,10px,0'
        }, 500, 'ease-out')<pre name="code" class="html">

$this_bd.animate({height:iTthis_bd_h+'px',complete:siblingsUp()},700);
       	function siblingsUp(){
            $this_bd.siblings('.bd').animate({height:'0px'},50);
        };

会发现zepto的complete会先执行，在执行animate动画，所以回调函数应该写在后面，如

$('.warter').animate({margin:'150px 0 0 -80px',opacity:'1',rotate:'-45deg'},800,'ease-in-out',function(){alert(1);});

http://www.cnblogs.com/samwu/archive/2013/06/06/3121649.html

https://speakerdeck.com/edokeh/xin-zhan-html5-hong-ping-ban-kai-fa-zong-jie