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的颜色选择插件实例代码
Oct 02 Javascript
JS面向对象编程之对象使用分析
Aug 19 Javascript
document.documentElement的一些使用技巧
Apr 18 Javascript
javascript阻止scroll事件多次执行的思路及实现
Nov 08 Javascript
javascript简单实现类似QQ头像弹出效果的方法
Aug 03 Javascript
jQuery幻灯片带缩略图轮播效果代码分享
Aug 17 Javascript
JavaScript中定义类的方式详解
Jan 07 Javascript
Node.js的项目构建工具Grunt的安装与配置教程
May 12 Javascript
让浏览器崩溃的12行JS代码(DoS攻击分析及防御)
Oct 10 Javascript
JS对象的深度克隆方法示例
Mar 16 Javascript
jQuery实现百度登录框的动态切换效果
Apr 21 jQuery
Vue项目pdf(base64)转图片遇到的问题及解决方法
Oct 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
Apache服务器无法使用的解决方法
2013/05/08 PHP
php类常量的使用详解
2013/06/08 PHP
PHP6 中可能会出现的新特性预览
2014/04/04 PHP
CI框架自动加载session出现报错的解决办法
2014/06/17 PHP
php生成百度sitemap站点地图类函数实例
2014/10/17 PHP
PHP图片处理之使用imagecopy函数添加图片水印实例
2014/11/19 PHP
PHP多维数组转一维数组的简单实现方法
2015/12/23 PHP
PHP中字符与字节的区别及字符串与字节转换示例
2016/10/15 PHP
调试Node.JS的辅助工具(NodeWatcher)
2012/01/04 Javascript
jquery实现初次打开有动画效果的网页TAB切换代码
2015/09/06 Javascript
JS实现放大、缩小及拖拽图片的方法【可兼容IE、火狐】
2016/08/23 Javascript
js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法
2017/02/08 Javascript
jQuery实现简单的抽奖游戏
2017/05/05 jQuery
angular.js实现购物车功能
2017/10/23 Javascript
解决Vue axios post请求,后台获取不到数据的问题方法
2018/08/11 Javascript
JS表格的动态操作完整示例
2020/01/13 Javascript
如何使用JS console.log()技巧提高工作效率
2020/10/14 Javascript
Vue自定义表单内容检查rules实例
2020/10/30 Javascript
python使用BeautifulSoup分析网页信息的方法
2015/04/04 Python
基于DataFrame筛选数据与loc的用法详解
2018/05/18 Python
解决Django的request.POST获取不到内容的问题
2018/05/28 Python
python计算两个地址之间的距离方法
2018/06/09 Python
pytorch 模型的train模式与eval模式实例
2020/02/20 Python
浅析Python 责任链设计模式
2020/09/11 Python
Python生成pdf目录书签的实例方法
2020/10/29 Python
小程序canvas中文字设置居中锚点
2019/04/16 HTML / CSS
捷克街头、运动和滑板一站式商店:BoardStar.cz
2019/10/06 全球购物
售后服务科岗位职责范文
2013/11/13 职场文书
写给女朋友的道歉信
2014/01/08 职场文书
运动会广播稿100字
2014/01/11 职场文书
操行评语大全
2014/04/30 职场文书
关于环保的建议书
2014/05/12 职场文书
上党课的心得体会
2014/09/02 职场文书
初中英语教师个人工作总结
2015/02/09 职场文书
2016年幼儿园万圣节活动总结
2016/04/05 职场文书
详解MySQL的主键查询为什么这么快
2022/04/03 MySQL