
用jquery的jquery.easing.js插件 写一个下来弹簧效果-.-在线等
1个回答
展开全部
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="JS/jquery.js"></script>
<script type="text/javascript" language="javascript" src="JS/easing.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$("#xxxx").stop(true,false).animate({left : -320},1500,'easeOutElastic');
})
</script>
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="JS/jquery.js"></script>
<script type="text/javascript" language="javascript" src="JS/easing.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$("#xxxx").stop(true,false).animate({left : -320},1500,'easeOutElastic');
})
</script>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询