前端开发中比较常用的JQuery动画效果-animate() 自定义动画

animate() 自定义动画

一般来说数字变动都可以用于动画，语法：animate(params,speed,easing,callback);　　样式参数，时间，可选择，函数

1. $("#div1").animate({ width:300px,height,300px },3000);其中params要用中括号括起来，可以使用的CSS样式参数。注意要采用骆驼法则，如font-size要写成fontSize。颜色渐变不支持。backgroundPosition
   
2. borderWidth
   
3. borderBottomWidth
   
4. borderLeftWidth
   
5. borderRightWidth
   
6. borderTopWidth
   
7. borderSpacing
   
8. margin
   
9. marginBottom
   
10. marginLeft
    
11. marginRight
    
12. marginTop
    
13. outlineWidth
    
14. padding
    
15. paddingBottom
    
16. paddingLeft
    
17. paddingRight
    
18. paddingTop
    
19. height
    
20. width
    
21. maxHeight
    
22. maxWidth
    
23. minHeight
    
24. maxWidth
    
25. font
    
26. fontSize
    
27. bottom
    
28. left
    
29. right
    
30. top
    
31. letterSpacing
    
32. wordSpacing
    
33. lineHeight
    
34. textIndent

复制代码