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之对系统的toFixed()方法的修正
May 08 Javascript
Colortip基于jquery的信息提示框插件在IE6下面的显示问题修正方法
Dec 06 Javascript
Javascript验证方法大全
Sep 21 Javascript
无需 Flash 使用 jQuery 复制文字到剪贴板
Apr 26 Javascript
神级程序员JavaScript300行代码搞定汉字转拼音
May 20 Javascript
Angular 4依赖注入学习教程之FactoryProvider配置依赖对象(五)
Jun 04 Javascript
react-router JS 控制路由跳转实例
Jun 15 Javascript
Node.js爬取豆瓣数据实例分析
Mar 05 Javascript
Vue中computed与methods的区别详解
Mar 24 Javascript
微信小程序项目实践之主页tab选项实现
Jul 18 Javascript
对Vue beforeRouteEnter 的next执行时机详解
Aug 25 Javascript
Vue实现Header渐隐渐现效果的实例代码
Nov 05 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 检查扩展库或函数是否可用的代码
2010/04/06 PHP
php面试实现反射注入的详细方法
2019/09/30 PHP
PHP保存Base64图片base64_decode的问题整理
2019/11/04 PHP
js获取div高度的代码
2008/08/09 Javascript
js直接编辑当前cookie的脚本
2008/09/14 Javascript
javascript form 验证函数 弹出对话框形式
2009/06/23 Javascript
关于javascript中this关键字(翻译+自我理解)
2010/10/20 Javascript
jQuery实现摸拟alert提示框
2016/05/22 Javascript
JS中动态创建元素的三种方法总结(推荐)
2016/10/20 Javascript
Jquery Easyui对话框组件Dialog使用详解(14)
2016/12/19 Javascript
vue快捷键与基础指令详解
2017/06/01 Javascript
让axios发送表单请求形式的键值对post数据的实例
2018/08/11 Javascript
Vue入门之数量加减运算操作示例
2018/12/11 Javascript
微信小程序之侧边栏滑动实现过程解析(附完整源码)
2019/08/23 Javascript
layer弹出层取消遮罩的方法
2019/09/25 Javascript
微信小程序服务器日期格式化问题
2020/01/07 Javascript
深入理解Python中字典的键的使用
2015/08/19 Python
完美解决python3.7 pip升级 拒绝访问问题
2019/07/12 Python
python集成开发环境配置(pycharm)
2020/02/14 Python
Django框架静态文件处理、中间件、上传文件操作实例详解
2020/02/29 Python
浅谈numpy中np.array()与np.asarray的区别以及.tolist
2020/06/03 Python
Python子进程subpocess原理及用法解析
2020/07/16 Python
python如何停止递归
2020/09/09 Python
HTML5 Canvas实现360度全景图的示例代码
2018/01/29 HTML / CSS
AmazeUI 折叠面板的实现代码
2020/08/17 HTML / CSS
FILA德国官方网站:来自意大利的体育和街头服饰品牌
2019/07/19 全球购物
Set里的元素是不能重复的,那么用什么方法来区分重复与否呢?
2016/08/18 面试题
中学生学习生活的自我评价
2013/10/26 职场文书
人力资源管理专业学生自我评价
2013/11/20 职场文书
村优秀党员事迹材料
2014/01/15 职场文书
简历中自我评价怎么写
2014/02/12 职场文书
诉前财产保全担保书
2014/05/20 职场文书
搞笑车尾标语
2014/06/23 职场文书
研究生个人学年总结
2015/02/14 职场文书
python调试工具Birdseye的使用教程
2021/05/25 Python
灵能百分百第三季什么时候来?
2022/03/15 日漫