jquery插件之easing使用


Posted in Javascript onAugust 19, 2010
<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/
Javascript 相关文章推荐
Javascript动态绑定事件的简单实现代码
Dec 25 Javascript
深入理解JavaScript系列(4) 立即调用的函数表达式
Jan 15 Javascript
随鼠标上下滚动的jquery代码
Dec 05 Javascript
浅析JavaScript基本类型与引用类型
May 28 Javascript
jquery实现用户打分评分特效
May 28 Javascript
JavaScript中Date对象的常用方法示例
Oct 24 Javascript
使用jquery获取url及url参数的简单实例
Jun 14 Javascript
RequireJS简易绘图程序开发
Oct 28 Javascript
js a标签点击事件
Mar 30 Javascript
详解微信小程序Radio选中样式切换
Jul 06 Javascript
vue 使用element-ui中的Notification自定义按钮并实现关闭功能及如何处理多个通知
Aug 17 Javascript
js中switch语句的学习笔记
Mar 25 Javascript
为Extjs加加速(javascript加速)
Aug 19 #Javascript
原创javascript小游戏实现代码
Aug 19 #Javascript
jQuery与ExtJS之选择实例分析
Aug 19 #Javascript
JQuery跨Iframe选择实现代码
Aug 19 #Javascript
JQuery中each()的使用方法说明
Aug 19 #Javascript
jquery获取input的value问题说明
Aug 19 #Javascript
JavaScript开发规范要求(规范化代码)
Aug 16 #Javascript
You might like
php文件缓存方法总结
2016/03/16 PHP
PHP数组基本用法与知识点总结
2020/06/02 PHP
PHP常用header头定义代码示例汇总
2020/08/29 PHP
最短的IE判断代码
2011/03/13 Javascript
基于JQUERY的两个ListBox子项互相调整的实现代码
2011/05/07 Javascript
不用锚点也可以平滑滚动到页面的指定位置实现代码
2013/05/08 Javascript
jq选项卡鼠标延迟的插件实例
2013/05/13 Javascript
单元选择合并变色示例代码
2014/05/26 Javascript
jQuery时间轴插件使用详解
2015/07/16 Javascript
js查看一个函数的执行时间实例代码
2015/09/12 Javascript
Express之get,pos请求参数的获取
2017/05/02 Javascript
javascript Function函数理解与实战
2017/12/01 Javascript
解决vue2.0动态绑定图片src属性值初始化时报错的问题
2018/03/14 Javascript
JavaScript EventEmitter 背后的秘密 完整版
2018/03/29 Javascript
2019 年编写现代 JavaScript 代码的5个小技巧(小结)
2019/01/15 Javascript
详解Vue 换肤方案验证
2019/08/28 Javascript
[49:58]完美世界DOTA2联赛PWL S3 Magma vs DLG 第一场 12.18
2020/12/19 DOTA
python数据结构之二叉树的建立实例
2014/04/29 Python
python中随机函数random用法实例
2015/04/30 Python
使用Python从有道词典网页获取单词翻译
2016/07/03 Python
基于pandas数据样本行列选取的方法
2018/04/20 Python
Python cookbook(字符串与文本)在字符串的开头或结尾处进行文本匹配操作
2018/04/20 Python
Python 合并多个TXT文件并统计词频的实现
2019/08/23 Python
python实现统计代码行数的小工具
2019/09/19 Python
解决Django部署设置Debug=False时xadmin后台管理系统样式丢失
2020/04/07 Python
Python实现常见的几种加密算法(MD5,SHA-1,HMAC,DES/AES,RSA和ECC)
2020/05/09 Python
python3爬虫中异步协程的用法
2020/07/10 Python
VELTRA台湾:世界自由行专家
2017/08/15 全球购物
Travelstart沙特阿拉伯:廉价航班、豪华酒店和实惠的汽车租赁优惠
2019/04/06 全球购物
拉斯维加斯城市观光通行证:Las Vegas Pass
2019/05/21 全球购物
《月迹》教学反思
2014/02/19 职场文书
产品质量承诺书范文
2014/03/27 职场文书
建筑工程质量通病防治方案
2014/06/08 职场文书
天坛导游词
2015/02/02 职场文书
商务英语邮件开头问候语
2015/11/10 职场文书
CSS中em的正确打开方式详解
2021/04/08 HTML / CSS