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 相关文章推荐
json简单介绍
Jun 10 Javascript
JS 判断代码全收集
Apr 28 Javascript
JavaScript 对Cookie 操作的封装小结
Dec 31 Javascript
利用javaScript实现点击输入框弹出窗体选择信息
Dec 11 Javascript
jQuery实现页面内锚点平滑跳转特效的方法总结
May 11 Javascript
JS HTML5实现拖拽移动列表效果
Aug 27 Javascript
bootstrap-table实现服务器分页的示例 (spring 后台)
Sep 01 Javascript
微信小程序实现动态改变view标签宽度和高度的方法【附demo源码下载】
Dec 05 Javascript
JS处理一些简单计算题
Feb 24 Javascript
js中getter和setter用法实例分析
Aug 14 Javascript
记一次Vue.js混入mixin的使用(分权限管理页面)
Apr 17 Javascript
关于JavaScript回调函数的深入理解
Jun 27 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连接Oracle for NT 远程数据库
2006/10/09 PHP
PHP session有效期session.gc_maxlifetime
2011/04/20 PHP
PHP动态柱状图实现方法
2015/03/30 PHP
学习php设计模式 php实现单例模式(singleton)
2015/12/07 PHP
搜索附近的人PHP实现代码
2018/02/11 PHP
JQuery扩展插件Validate 1 基本使用方法并打包下载
2011/09/05 Javascript
jquery增加时编辑jqGrid(实例代码)
2013/11/08 Javascript
javascript禁用Tab键脚本实例
2013/11/22 Javascript
网页实时显示服务器时间和javscript自运行时钟
2014/06/09 Javascript
AngularJS使用指令增强标准表单元素功能
2016/07/01 Javascript
JavaScript计算器网页版实现代码分享
2016/07/15 Javascript
jQuery轮播图效果精简版完整示例
2016/09/04 Javascript
详解NodeJs支付宝移动支付签名及验签
2017/01/06 NodeJs
Bootstrap组合上、下拉框简单实现代码
2017/03/06 Javascript
webpack配置sass模块的加载的方法
2017/07/30 Javascript
谈谈VUE种methods watch和compute的区别和联系
2017/08/01 Javascript
JavaScript中使用import 和require打包后实现原理分析
2018/03/07 Javascript
微信小程序中转义字符的处理方法
2019/03/28 Javascript
详解webpack打包vue项目之后生成的dist文件该怎么启动运行
2019/09/06 Javascript
[01:29:46]DOTA2上海特级锦标赛C组资格赛#1 OG VS LGD第二局
2016/02/27 DOTA
Python遍历文件夹和读写文件的实现代码
2016/08/28 Python
Python嵌套列表转一维的方法(压平嵌套列表)
2018/07/03 Python
django的ORM模型的实现原理
2019/03/04 Python
Python中numpy模块常见用法demo实例小结
2019/03/16 Python
Flask中sqlalchemy模块的实例用法
2020/08/02 Python
python 判断一组数据是否符合正态分布
2020/09/23 Python
python上下文管理的使用场景实例讲解
2021/03/03 Python
Canvas与Image互相转换示例代码
2013/08/09 HTML / CSS
Glamest意大利:女性在线奢侈品零售店
2019/04/28 全球购物
迪卡侬印尼体育用品商店:Decathlon印尼
2020/03/11 全球购物
C面试题
2015/10/08 面试题
应届毕业生个人自我评价
2013/09/20 职场文书
会计学习心得体会
2014/09/09 职场文书
2014年党员整改措施
2014/10/24 职场文书
导游词之张家口
2019/12/13 职场文书
java executor包参数处理功能 
2022/02/15 Java/Android