共计 797 个字符,预计需要花费 2 分钟才能阅读完成。
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 扩展