乐趣区

活动页面常用easing备忘

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 扩展

退出移动版