jquery.easing.js增强动画过渡效果:
(1)引入插件:
<script type="text/javascript" src="http://lib.sinaapp.com/js/jqu...;></script>
<script type="text/javascript" src="http://gsgd.co.uk/sandbox/jqu...;></script>
(2)启用插件:
$('.aa').animate( {'width':'600'} , { duration:1000,easing:'easeInOutCirc' });
(3)插件的参数:
duration,easing,complete
(4)jquery.easing.js 图解
1.linear
2.swing
3.easeInQuad
4.easeOutQuad
5.easeInOutQuad
6.easeInCubic
7.easeOutCubic
8.easeInOutCubic
9.easeInQuart
10.easeOutQuart
11.easeInOutQuart
12.easeInQuint
13.easeOutQuint
14.easeInOutQuint
15.easeInExpo
16.easeOutExpo
17.easeInOutExpo
18.easeInSine
19.easeOutSine
20.easeInOutSine
21.easeInCirc
22.easeOutCirc
23.easeInOutCirc
24.easeInElastic
25.easeOutElastic
26.easeInOutElastic
27.easeInBack
28.easeOutBack
29.easeInOutBack
30.easeInBounce
31.easeOutBounce
32.easeInOutBounce
参考链接:easing扩展
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。