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 相关文章推荐
Jquery Ajax学习实例 向页面发出请求,返回XML格式数据
Mar 14 Javascript
Three.js源码阅读笔记(基础的核心Core对象)
Dec 27 Javascript
JavaScript:Div层拖动效果实例代码
Aug 06 Javascript
jQuery中.live()方法的用法深入解析
Dec 30 Javascript
jquery取子节点及当前节点属性值的方法
Sep 09 Javascript
理解javascript闭包
Dec 15 Javascript
使用PBFunc在Powerbuilder中支付宝当面付款功能
Oct 01 Javascript
自己封装的一个原生JS拖动方法(推荐)
Nov 22 Javascript
JS正则子匹配实例分析
Dec 22 Javascript
详解使用mpvue开发github小程序总结
Jul 25 Javascript
JavaScript动态创建二维数组的方法示例
Feb 01 Javascript
Element Notification通知的实现示例
Jul 27 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远程下载类分享
2016/04/13 PHP
jQuery.Validate验证库的使用介绍
2013/04/26 Javascript
如何实现textarea里的不同文本显示不同颜色
2014/01/20 Javascript
javascript字符串与数组转换汇总
2015/05/26 Javascript
jquery实现通用的内容渐显Tab选项卡效果
2015/09/07 Javascript
js弹出窗口返回值的简单实例
2016/05/28 Javascript
jQuery实用小技巧_输入框文字获取和失去焦点的简单实例
2016/08/25 Javascript
JS 事件绑定、事件监听、事件委托详细介绍
2016/09/28 Javascript
Javascript实现图片懒加载插件的方法
2016/10/20 Javascript
你可能不知道的JSON.stringify()详解
2017/08/17 Javascript
Vue中使用Sortable的示例代码
2018/04/07 Javascript
vue elementUI table表格数据 滚动懒加载的实现方法
2019/04/04 Javascript
Vue项目服务器部署之子目录部署方法
2019/05/12 Javascript
微信小程序自定义头部导航栏和导航栏背景图片 navigationStyle问题
2019/07/26 Javascript
layui下拉框获取下拉值(select)的例子
2019/09/10 Javascript
VUE Elemen-ui之穿梭框使用方法详解
2021/01/19 Javascript
[01:04:32]DOTA2-DPC中国联赛 正赛 Aster vs LBZS BO3 第二场 2月23日
2021/03/11 DOTA
python计算圆周长、面积、球体体积并画出圆
2014/04/08 Python
深入理解Python对Json的解析
2017/02/14 Python
基于ID3决策树算法的实现(Python版)
2017/05/31 Python
Python实现使用卷积提取图片轮廓功能示例
2018/05/12 Python
Python3基础教程之递归函数简单示例
2019/06/07 Python
python中Ansible模块的Playbook的具体使用
2020/05/28 Python
python利用递归方法实现求集合的幂集
2020/09/07 Python
html5的canvas实现3d雪花飘舞效果
2013/12/27 HTML / CSS
H5离线存储Manifest原理及使用
2020/04/28 HTML / CSS
欧洲最大的化妆品连锁公司:Douglas道格拉斯
2017/05/06 全球购物
英国DVD和蓝光碟片购买网站:Zoom.co.uk(电影和电视)
2019/09/23 全球购物
Paper Cape官网:美国婴儿和儿童服装品牌
2019/11/02 全球购物
购房协议书
2014/04/11 职场文书
办公室个人总结
2015/02/28 职场文书
教师见习总结范文
2015/06/23 职场文书
家属联谊会致辞
2015/07/31 职场文书
Mysql8.0递归查询的简单用法示例
2021/08/04 MySQL
php png失真的原因及解决办法
2021/10/24 PHP
Python GUI编程之tkinter 关于 ttkbootstrap 的使用详解
2022/03/03 Python