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 相关文章推荐
Discuz! 6.1_jQuery兼容问题
Sep 23 Javascript
JavaScript函数、方法、对象代码
Oct 29 Javascript
Javascript中的String对象详谈
Mar 03 Javascript
JavaScript中原型和原型链详解
Feb 11 Javascript
JS实现带有3D立体感的银灰色竖排折叠菜单代码
Oct 20 Javascript
jquery验证手机号是否正确实例讲解
Nov 17 Javascript
BootStrap Table 后台数据绑定、特殊列处理、排序功能
May 27 Javascript
JS实现商品筛选功能
Aug 19 Javascript
JavaScript实现滑动导航栏效果
Aug 30 Javascript
jquery-ui 进度条功能示例【测试可用】
Jul 25 jQuery
弱类型语言javascript开发中的一些坑实例小结【变量、函数、数组、对象、作用域等】
Aug 07 Javascript
微信小程序引入VANT组件的方法步骤
Sep 19 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做下载文件的实现代码及文件名中乱码解决方法
2011/02/03 PHP
PHP函数microtime()用法与说明
2013/12/04 PHP
PHP与服务器文件系统的简单交互
2016/10/21 PHP
tp5框架的增删改查操作示例
2019/10/31 PHP
javascript操作文本框readOnly
2007/05/15 Javascript
基于Jquery制作的幻灯片图集效果打包下载
2011/02/12 Javascript
拥抱模块化的JavaScript
2012/03/07 Javascript
JS实现网页游戏中滑块响应鼠标点击移动效果
2015/10/19 Javascript
五种js判断是否为整数类型方式
2015/12/03 Javascript
JS 面向对象之继承---多种组合继承详解
2016/07/10 Javascript
require、backbone等重构手机图片查看器
2016/11/17 Javascript
详解jQuery的Cookie插件
2016/11/23 Javascript
javascript设计模式之策略模式学习笔记
2017/02/15 Javascript
基于nodejs 的多页面爬虫实例代码
2017/05/31 NodeJs
从零到一详聊创建Vue工程及遇到的常见问题
2019/04/25 Javascript
django drf框架中的user验证以及JWT拓展的介绍
2019/08/12 Python
python,Java,JavaScript实现indexOf
2020/09/09 Python
小白教你PyCharm从下载到安装再到科学使用PyCharm2020最新激活码
2020/09/25 Python
CSS3属性选择符介绍
2008/10/17 HTML / CSS
深入研究HTML5实现图片压缩上传功能
2016/03/25 HTML / CSS
html5触摸事件判断滑动方向的实现
2018/06/05 HTML / CSS
如何使用localstorage代替cookie实现跨域共享数据问题
2018/04/18 HTML / CSS
HTML5地理定位实例
2014/10/15 HTML / CSS
Canvas制作旋转的太极的示例
2018/03/09 HTML / CSS
Mio Skincare美国官网:身体紧致及孕期身体护理
2017/03/05 全球购物
如何查询Oracle数据库中已经创建的索引
2013/10/11 面试题
小学教师的个人自我鉴定
2013/10/24 职场文书
学生会主席竞聘书
2014/03/31 职场文书
五分钟演讲稿
2014/04/30 职场文书
2015年安全月活动总结
2015/03/26 职场文书
2015年团委副书记工作总结
2015/07/23 职场文书
PostgreSQL事务回卷实战案例详析
2022/03/25 PostgreSQL
threejs太阳光与阴影效果实例代码
2022/04/05 Javascript
实战Python爬虫爬取酷我音乐
2022/04/11 Python
MySQL创建管理RANGE分区
2022/04/13 MySQL
Spring JPA 增加字段执行异常问题及解决
2022/06/10 Java/Android