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 相关文章推荐
prototype 源码中文说明之 prototype.js
Sep 22 Javascript
JavaScript的内存释放问题详解
Jan 21 Javascript
分享五个有用的jquery小技巧
Oct 08 Javascript
JavaScript中字面量与函数的基本使用知识
Oct 20 Javascript
微信JS-SDK自定义分享功能实例详解【分享给朋友/分享到朋友圈】
Nov 25 Javascript
javascript 判断当前浏览器版本并判断ie版本
Feb 17 Javascript
vue 路由嵌套高亮问题的解决方法
May 17 Javascript
vue2.0学习之axios的封装与vuex介绍
May 28 Javascript
一百行JS代码实现一个校验工具
Apr 30 Javascript
微信小程序动态显示项目倒计时
Jun 20 Javascript
IE11下CKEditor在Bootstrap Modal中下拉问题的解决
Sep 25 Javascript
基于iview-admin实现动态路由的示例代码
Oct 02 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 木马攻击防御技巧
2009/06/13 PHP
使用PHPMyAdmin修复论坛数据库的图文方法
2012/01/09 PHP
PHP+Ajax实现无刷新分页实例详解(附demo源码下载)
2016/04/07 PHP
PHP常见字符串操作函数与用法总结
2019/03/04 PHP
jquery ajax 登录验证实现代码
2009/09/23 Javascript
使用jQuery向asp.net Mvc传递复杂json数据-ModelBinder篇
2010/05/07 Javascript
js在输入框屏蔽按键,只能键入数字的示例代码
2014/01/03 Javascript
在Ubuntu上安装最新版本的Node.js
2014/07/14 Javascript
实例详解Nodejs 保存 payload 发送过来的文件
2016/01/14 NodeJs
Bootstrap3学习笔记(三)之表格
2016/05/20 Javascript
Vue.js系列之vue-router(上)(3)
2017/01/03 Javascript
微信小程使用swiper组件实现图片轮播切换显示功能【附源码下载】
2017/12/12 Javascript
完美解决axios跨域请求出错的问题
2018/02/05 Javascript
Vue中使用vue-i18插件实现多语言切换功能
2018/04/25 Javascript
node错误处理与日志记录的实现
2018/12/24 Javascript
浅谈react-router@4.0 使用方法和源码分析
2019/06/04 Javascript
[01:18:35]DOTA2-DPC中国联赛 正赛 Elephant vs LBZS BO3 第一场 1月29日
2021/03/11 DOTA
Python中使用动态变量名的方法
2014/05/06 Python
python实现连连看辅助(图像识别)
2020/03/25 Python
Python 如何提高元组的可读性
2019/08/26 Python
Python运行提示缺少模块问题解决方案
2020/04/02 Python
详解python实现可视化的MD5、sha256哈希加密小工具
2020/09/14 Python
发现世界上最好的珠宝设计师:JewelStreet
2017/12/17 全球购物
Android interview questions
2016/12/25 面试题
Linux如何为某个操作添加别名
2015/02/05 面试题
家长给孩子的评语
2014/01/30 职场文书
经贸韩语专业大学生职业规划
2014/02/14 职场文书
2014年迎新年联欢会活动策划方案
2014/02/26 职场文书
马云北大演讲完整版:真心话,什么才是阿里的核心竞争力?
2014/04/04 职场文书
初二学习计划书范文
2014/04/27 职场文书
品酒会策划方案
2014/05/26 职场文书
管理标语大全
2014/06/24 职场文书
部门2014年度工作总结
2014/11/12 职场文书
南极大冒险观后感
2015/06/05 职场文书
荒岛余生观后感
2015/06/09 职场文书
开业庆典嘉宾致辞
2015/08/01 职场文书