jQuery easing动画效果扩展
引入Easing js文件
<script src="js/jquery.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
使用jQuery Easing
$(element).slideUp({
duration: 1000,
easing: method,
complete: callback
});
- 参数duration:定义动画速度,时间越短,运动速度越快。
- 参数easing:指定动画效果,Easing js提供多种动画效果,有匀速运动、变加速运动、缓冲波动效果,它们是:linear,swing,jswing,easeInQuad,easeOutQuad,easeInOutQuad,easeInCubic, easeOutCubic,easeInOutCubic,easeInQuart,easeOutQuart,easeInOutQuart, easeInQuint,easeOutQuint,easeInOutQuint,easeInSine,easeOutSine, easeInOutSine,easeInExpo,easeOutExpo,easeInOutExpo,easeInCirc, easeOutCirc,easeInOutCirc,easeInElastic,easeOutElastic,easeInOutElastic, easeInBack,easeOutBack,easeInOutBack,easeInBounce,easeOutBounce,easeInOutBounce.各动画实际效果请参照演示demo。
- 参数complete:动画结束后回调函数callback,可以自定义动画结束后的调用函数。