jquery插件之easing使用


复制代码 代码如下:

<script>
$(function(){
$.easing.def="easeInQuad";//设置默认效果
var callback=function (){
alert("ok");
}
$("#t1").animate({
"top":600
},{duration: 3000,
easing:"easeInQuad",//可省略
complete: callback})
})
</script>

使用了easing后,JQ原来的方法有将不可用,用对象代替JQ中时间,该对象如下例
{duration: 3000,easing:"easeInQuad",complete: callback}
原JQ的回调函数由complete代替
如果不使用easing,即时间参数不为上面对象所代替,保留原有功能
即加载EASING后仍可以如下使用
复制代码 代码如下:

<script>
var callback=function (){
alert("ok");
}
$("#t1").hide(3000,callback)
</script>

具体参数细节:
duration 选项:
毫秒数
complete 选项:
完成后调用
easing 选项:
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
官方网站 http://gsgd.co.uk/sandbox/jquery/easing/



相关阅读:
Java教程:如何实现FTP功能
兼容IE、FireFox、Chrome等浏览器的xml处理函数js代码
MySQL数据库的临时文件究竟储存在哪里
优化MySQL数据库性能的十个参数
javascript通过按钮实现超链接
ASP下存储过程编写入门全接触
如何删除Windows2003的wmpub文件夹
论坛里点击别人帖子下面的回复,回复标题变成“回复 24# 的帖子”
利用计划任务和VBS脚本实现自动WEB共享文件夹里的文件
Oracle数据库返回cursor问题的解决方法
WordPress文章摘要小记
把1316这个数表示成两个数的和,其中一个为13的倍数,另一个是11的倍数,求这两个数。
XHTML入门学习教程:XHTML标签
记一次Oracle数据恢复过程
快速导航

Copyright © 2016 phpStudy | 皖ICP备18014864号-4