用jquery的jquery.easing.js插件 写一个下来弹簧效果-.-在线等

JavaScript012

用jquery的jquery.easing.js插件 写一个下来弹簧效果-.-在线等,第1张

easing.js中有以下效果

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的开发文档,简单了解一下。