JQuery 动画实现

Posted 阿里P7之路

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JQuery 动画实现相关的知识,希望对你有一定的参考价值。

$(this.div_wrong).show().css({width:"0px", height:"0px"})
    .animate({width:"260px",height:"300px"}, 150 )
    .animate({width:"200px",height:"240px"}, 150 )
    .animate({width:"240px",height:"280px"}, 150 )
    .animate({width:"260px",height:"300px"}, 150 )
    .animate({width:"0px",height:"0px"}, 350, ()=> {
        $(this.div_wrong).hide() ;
        $(this.btn_analyse).show() ;//做错了,把wrong动画显示完,不能直接跳到下一题.
        ( opt_origin == OriginType.Sprite ) && $(this.btn_next).html( "重做" ) ;
        $(this.btn_next).show() ;
        judgeCbk.call(this, false);//后面这个false表示题做错了
    });












以上是关于JQuery 动画实现的主要内容,如果未能解决你的问题,请参考以下文章

深入学习jQuery动画控制

jQuery动画知识总结

如何实现 jQuery 动画排队? [复制]

jquery 动画如何将四个角的方块移动到中间

避免使用 jQuery 实现动画

jQuery系列 第五章 jQuery框架动画特效