easing.js中有以下效果
piaoling 2013-04-24 13:37:27
easing.js中有以下效果 jswing def 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 具体每一个效果是做什么的 楼主可以慢慢试 从上面的可以看出 每一种 都分为 In Out InOut In:是指动画开始的时候 具有这个效果 Out:是指动画结束的时候具有这个效果 InOut:是指动画开始和结束的时候都具有这个效果 Elastic:就是具有弹簧效果的(easeInElastic[开始时弹簧]、easeOutElastic[结束时弹簧]、easeInOutElastic[开始和结束都弹簧]) 使用方法: <script type="text/javascript" language="javascript" src="http://doingthing.com/JS/jquery.js"></script> <script type="text/javascript" language="javascript" src="http://doingthing.com/JS/easing.js"></script> <script language="javascript" type="text/javascript"> $(document).ready(function(){ $("#xxxx").stop(true,false).animate({left : -320},1500,'easeOutElastic'); }) </script>
发表评论(评论将通过邮件发给作者):