美文网首页
jquery动画学习

jquery动画学习

作者: 燕十六_09ab | 来源:发表于2019-04-25 22:02 被阅读0次

    1.动画基础:在jquery中封装了三种类型的基础动画,分别是hide(),show(),slideUp(),slideDown(),slideToggle(),fadeIn(),fadeOut(),fadeToggle(),fadeTo()

    同时他们具有同样的三个参数:

                       分别是(1)duration 动画持续时间,可以为数值1000,也可以是slow ,normal ,fast

                        (2) easing动画效果 值有linear,swing默认的。

                       (3)fn回调函数,动画执行完成之后的函数     


    2.自定义动画:animata({style}speed,easing,fn)

    自定义动画可以操作具有数值类型的style


    3.队列:就是执行过程中,一个动画执行完成之后才可以执行另外一个动画,这样就形成一个动画队列

    有时候我们需要清除动画队列,方法有 finish(),直接将动画执行到最后一个动画的状态

    stop() 结束当前动画,后面的动画依然执行。,stop(true,true)结束当前动画,执行到当前动画完成,后面动画不执行

    重点:在动画前面加stop(),来停止当前动画执行下一个动画。

    相关文章

      网友评论

          本文标题:jquery动画学习

          本文链接:https://www.haomeiwen.com/subject/hgptnqtx.html