jswing
def
easeInQuad easeOutQuad easeInOutQuad
easeInCubic easeOutCubic easeInOutCubic
easeInQuart easeOutQuart easeInOutQuart
easeInQuint easeOutQuint easeInOutQuint
easeInSineeaseOutSineeaseInOutSine
easeInExpo easeOutExpo easeInOutExpo
easeInCirceaseOutCirc easeInOutCirc
easeInElasticeaseOutElastic easeInOutElastic
easeInBack easeOutBackeaseInOutBack
easeInBounce easeOutBounceeaseInOutBounce
具体每一个效果是做什么的 楼主可以慢慢试
从上面的可以看出 每一种 都分为 In OutInOut
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>
jquery.easing.js 1.3 是一个配合jquery实现完美动画效果的扩展插件,比如我们在使用jquery制作一幅图片滚动或图片渐变,使用本插件可扩展或增强jquery性能,生成完美无缺兼容性更好的jquery动画来,它不仅可以用于图像特效,像一些基础的层操作也可以使用。JQ说白了就是由大神用JS写出好多个实用的方法,并打包成一个类,就是JQ了,区别能明白了吧,他比JS使用简单,写的时候一般只需用$.就是JQ了。比如JS 你写点击事件,是document.getElementbyID('#aaa').onclick() JQ只需$('#aaa').click()就可以了。你可以先去看看JQ的开发文档,简单了解一下。