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 相关文章推荐
关于JS管理作用域的问题
Apr 10 Javascript
jQuery使用一个按钮控制图片的伸缩实现思路
Apr 19 Javascript
Javascript闭包用法实例分析
Jan 23 Javascript
常用的js验证和数据处理总结
Aug 02 Javascript
js实现3D图片环展示效果
Mar 09 Javascript
浅谈AngularJS中使用$resource(已更新)
Sep 14 Javascript
Vue多种方法实现表头和首列固定的示例代码
Feb 02 Javascript
vue使用vue-i18n实现国际化的实现代码
Apr 08 Javascript
vue项目中跳转到外部链接的实例讲解
Sep 20 Javascript
AngularJS上传文件的示例代码
Nov 10 Javascript
vue-cli中使用高德地图的方法示例
Mar 28 Javascript
vue父组件触发事件改变子组件的值的方法实例详解
May 07 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实现加强版加密解密类实例
2015/07/29 PHP
Yii2前后台分离及migrate使用(七)
2016/05/04 PHP
详解PHP中foreach的用法和实例
2016/10/25 PHP
PHP-X系列教程之内置函数的使用示例
2017/10/16 PHP
javascript实现原生ajax的几种方法介绍
2013/09/21 Javascript
jQuery删除节点的三个方法即remove()detach()和empty()
2013/12/27 Javascript
jquery.post用法示例代码
2014/01/03 Javascript
jquery模拟LCD 时钟的html文件源代码
2014/06/16 Javascript
Javascript学习笔记之 对象篇(三) : hasOwnProperty
2014/06/24 Javascript
浅谈javascript面向对象程序设计
2015/01/21 Javascript
javascript实现在线客服效果
2015/07/15 Javascript
js实现页面跳转的几种方法小结
2016/05/16 Javascript
JavaScript实现移动端滑动选择日期功能
2016/06/21 Javascript
Vue组件BootPage实现简单的分页功能
2016/09/12 Javascript
js正则表达式注册页面表单验证
2016/10/11 Javascript
解决Node.js使用MySQL出现connect ECONNREFUSED 127.0.0.1:3306的问题
2017/03/09 Javascript
Node.js操作redis实现添加查询功能
2017/05/25 Javascript
微信小程序实现购物车代码实例详解
2019/08/29 Javascript
借助云开发实现小程序短信验证码的发送
2020/01/06 Javascript
[07:01]DOTA2-DPC中国联赛正赛 Aster vs Magma 3月5日 赛后选手采访
2021/03/11 DOTA
numpy中索引和切片详解
2017/12/15 Python
解析Python中的eval()、exec()及其相关函数
2017/12/20 Python
Tensorflow实现卷积神经网络用于人脸关键点识别
2018/03/05 Python
解决Python plt.savefig 保存图片时一片空白的问题
2019/01/10 Python
在Python中如何传递任意数量的实参的示例代码
2019/03/21 Python
香港钟表珠宝首饰商城:OneMallTime网摩间
2016/10/14 全球购物
KIEHL’S科颜氏官方旗舰店:源自美国的顶级护肤品牌
2018/06/07 全球购物
老师推荐信
2013/10/28 职场文书
大专生求职信
2014/06/29 职场文书
2014年初级职称工作总结
2014/12/08 职场文书
新农村建设指导员工作总结
2015/08/13 职场文书
详解Apache SkyWalking 告警配置指南
2021/04/22 Servers
浅谈Python 中的复数问题
2021/05/19 Python
Python list列表删除元素的4种方法
2021/11/01 Python
Java 定时任务技术趋势简介
2022/05/04 Java/Android
win10如何更改appdata文件夹的默认位置?
2022/07/15 数码科技