jQuery学习笔记——自定义动画animate()详细举例

 

效果:点击按钮,正方体从左left=0移动到left=800,高度不断增加

            到达800后缩小返回

jQuery学习笔记——自定义动画animate()详细举例_第1张图片




    
    
    Document
    
    
    



    
    

主要运用到自定义动画 animate()属性

animate()有四个参数:

              参数一:对象--代表的是做动画的属性(必选)

              参数二:时长--动画时长

              参数三:easing--代表执行效果,默认为swing(缓动)可以是linear(匀速)

              参数四:callback—代表动画执行完毕后的回调函数

 

总结:

              参数四回调函数给了自定义动画animate()无限的可能

              可以通过回调函数实现许多动画效果

你可能感兴趣的:(JQuery)