jquery插件之easing 动态菜单


Posted in Javascript onAugust 21, 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>

效果页:http://gsgd.co.uk/sandbox/jquery/easing/
具体参数细节:
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
Javascript 相关文章推荐
学习ExtJS Column布局
Oct 08 Javascript
jQuery+CSS 实现的超Sexy下拉菜单
Jan 17 Javascript
基于jQuery的星级评分插件
Aug 12 Javascript
JS判断字符串包含的方法
May 05 Javascript
浅谈layer的iframe弹窗给里面的标签赋值的问题
Nov 10 Javascript
vue router仿天猫底部导航栏功能
Oct 18 Javascript
vue实现某元素吸顶或固定位置显示(监听滚动事件)
Dec 13 Javascript
详解vue-meta如何让你更优雅的管理头部标签
Jan 18 Javascript
Vue中render方法的使用详解
Jan 26 Javascript
Vue打包后访问静态资源路径问题
Nov 08 Javascript
JS在Array数组中按指定位置删除或添加元素对象方法示例
Nov 19 Javascript
40行代码把Vue3的响应式集成进React做状态管理
May 20 Javascript
url地址自动加#号问题说明
Aug 21 #Javascript
jquery中输入验证中一个不错的效果
Aug 21 #Javascript
单独使用CKFinder选择图片的方法
Aug 21 #Javascript
jQuery UI AutoComplete 自动完成使用小记
Aug 21 #Javascript
基于jQuery UI CSS Framework开发Widget的经验
Aug 21 #Javascript
jquery png 透明解决方案(推荐)
Aug 21 #Javascript
基于jquery的模态div层弹出效果
Aug 21 #Javascript
You might like
PHP下用rmdir实现删除目录的三种方法小结
2008/04/20 PHP
PHP daddslashes 使用方法介绍
2012/10/26 PHP
PHP+ajax分页实例简析
2015/12/07 PHP
老生常谈PHP面向对象之注册表模式
2017/05/26 PHP
PHP利用百度ai实现文本和图片审核
2019/05/08 PHP
jquery 框架使用教程 AJAX篇
2009/10/11 Javascript
基于jQuery的固定表格头部的代码(IE6,7,8测试通过)
2010/05/18 Javascript
jQuery 源码分析笔记(3) Deferred机制
2011/06/19 Javascript
div拖拽插件——JQ.MoveBox.js(自制JQ插件)
2013/05/17 Javascript
关于onchange事件在IE和FF下的表现及解决方法
2014/03/08 Javascript
查询json的数据结构的8种方式简介
2014/03/10 Javascript
Javascript小技巧之生成html元素
2014/05/15 Javascript
javascript单页面手势滑屏切换原理详解
2016/03/21 Javascript
Bootstrap表单布局样式代码
2016/05/31 Javascript
详解vue中computed 和 watch的异同
2017/06/30 Javascript
JavaScript全屏和退出全屏事件总结(附代码)
2017/08/17 Javascript
轻量级富文本编辑器wangEditor结合vue使用方法示例
2018/10/10 Javascript
详解vue组件中使用路由方法
2019/02/12 Javascript
Python绘制正余弦函数图像的方法
2018/08/28 Python
django框架实现一次性上传多个文件功能示例【批量上传】
2019/06/19 Python
线程安全及Python中的GIL原理分析
2019/10/29 Python
Python netmiko模块的使用
2020/02/14 Python
动态设置django的model field的默认值操作步骤
2020/03/30 Python
python基本算法之实现归并排序(Merge sort)
2020/09/01 Python
意大利体育用品和运动服网上商店:Maxi Sport
2019/09/14 全球购物
如何将字串String转换成整数int
2015/02/21 面试题
nohup的用法
2012/11/26 面试题
办公室主任岗位职责
2013/11/08 职场文书
审核会计岗位职责
2013/11/08 职场文书
办公室保洁员岗位职责
2013/12/02 职场文书
消防安全标语
2014/06/07 职场文书
个人债务授权委托书范本
2014/10/05 职场文书
圣诞晚会主持词开场白
2015/05/28 职场文书
为自己工作观后感
2015/06/11 职场文书
教师岗位说明书
2015/09/30 职场文书
《妈妈别哭,有我在》读后感3篇
2020/01/13 职场文书