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://gccde.com/JS/jquery.js"></script>
<script type="text/javascript" language="javascript" src="http://gccde.com/JS/easing.js"></script>
<script language="javascript" type="text/javascript">
    $(document).ready(function(){
        $("#xxxx").stop(true,false).animate({left : -320},1500,'easeOutElastic');
    })
</script>
类别 :  默认(751)  |  浏览(4818)  |  评论(0)
发表评论(评论将通过邮件发给作者):

Email: