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 相关文章推荐
网站上面有这种切换效果
Jun 26 Javascript
js wmp操作代码小结(音乐连播功能)
Nov 08 Javascript
JSuggest自动匹配下拉框使用方法(示例代码)
Dec 27 Javascript
jQuery中:checked选择器用法实例
Jan 04 Javascript
在Python中使用glob模块查找文件路径的方法
Jun 17 Javascript
jquery动态赋值id与动态取id方法示例
Aug 21 jQuery
使用store来优化React组件的方法
Oct 23 Javascript
vue数据初始化initState的实例详解
Apr 11 Javascript
vue自动化路由的实现代码
Sep 30 Javascript
《javascript设计模式》学习笔记四:Javascript面向对象程序设计链式调用实例分析
Apr 07 Javascript
使用JavaScript通过前端发送电子邮件
May 22 Javascript
JS异步宏队列微队列原理详解
Sep 09 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 session的应用详细介绍
2017/03/22 PHP
IOS 开发之NSDictionary转换成JSON字符串
2017/08/14 PHP
php 字符串中是否包含指定字符串的多种方法
2018/04/12 PHP
IE8提示Invalid procedure call or argument 异常的解决方法
2012/09/30 Javascript
Javascript实现返回上一页面并刷新的小例子
2013/12/11 Javascript
基于jquery实现瀑布流布局
2020/06/28 Javascript
JavaScipt选取文档元素的方法(推荐)
2016/08/05 Javascript
AngularJS实现按钮提示与点击变色效果
2016/09/07 Javascript
JavaScript中定义对象原型的两种使用方法
2016/12/15 Javascript
jQuery插件HighCharts绘制2D金字塔图效果示例【附demo源码下载】
2017/03/09 Javascript
JavaScript中在光标处插入添加文本标签节点的详细方法
2017/03/22 Javascript
Bootstrap.css与layDate日期选择样式起冲突的解决办法
2017/04/07 Javascript
JS中数组实现代码(倒序遍历数组,数组连接字符串)
2019/12/29 Javascript
JavaScript事件概念详解(区分静态注册和动态注册)
2021/02/05 Javascript
Python 学习笔记
2008/12/27 Python
python将文本转换成图片输出的方法
2015/04/28 Python
MySQL最常见的操作语句小结
2015/05/07 Python
python实现的守护进程(Daemon)用法实例
2015/06/02 Python
Python实现的桶排序算法示例
2017/11/29 Python
Python subprocess模块详细解读
2018/01/29 Python
基于python实现简单日历
2018/07/28 Python
使用Python制作简单的小程序IP查看器功能
2019/04/16 Python
Python多继承以及MRO顺序的使用
2019/11/11 Python
Python3基于print打印带颜色字符串
2020/07/06 Python
浅谈Django前端后端值传递问题
2020/07/15 Python
Django框架实现在线考试系统的示例代码
2020/11/30 Python
CSS3 函数技巧 用css 实现js实现的事情(clac Counters Tooltip)
2017/08/15 HTML / CSS
HTML5无刷新改变当前url的代码
2017/03/15 HTML / CSS
印度婴儿用品在线商店:Firstcry.com
2016/12/05 全球购物
意大利网上药房:Farmacia 33
2020/01/27 全球购物
经济实惠的名牌太阳镜和眼镜:Privé Revaux
2021/02/07 全球购物
4s客服专员岗位职责
2013/12/01 职场文书
经销商培训邀请函
2014/01/21 职场文书
执行总经理岗位职责
2014/02/03 职场文书
图书馆标语
2014/06/19 职场文书
详解Javascript实践中的命令模式
2021/05/05 Javascript