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 相关文章推荐
js版本A*寻路算法
Dec 22 Javascript
javascript 模式设计之工厂模式详细说明
May 10 Javascript
关于JQuery($.load)事件的用法和分析
Apr 09 Javascript
IE与FireFox的JavaScript兼容问题解决办法
Dec 31 Javascript
浅谈ECMAScript6新特性之let、const
Aug 02 Javascript
随机生成10个不重复的0-100的数字(实例讲解)
Aug 16 Javascript
ReactJS实现表单的单选多选和反选的示例
Oct 13 Javascript
原生JS实现Ajax跨域请求flask响应内容
Oct 24 Javascript
vue中导出Excel表格的实现代码
Oct 18 Javascript
微信小程序 下拉刷新及上拉加载原理解析
Nov 06 Javascript
Element-UI+Vue模式使用总结
Jan 02 Javascript
JavaScript canvas实现跟随鼠标移动小球
Feb 09 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
phpmyadmin MySQL 加密配置方法
2009/07/05 PHP
php 获取远程网页内容的函数
2009/09/08 PHP
php学习笔记(三)操作符与控制结构
2011/08/06 PHP
详解PHP中的mb_detect_encoding函数使用方法
2015/08/18 PHP
Yii2表单事件之Ajax提交实现方法
2017/05/04 PHP
laravel框架数据库操作、查询构建器、Eloquent ORM操作实例分析
2019/12/20 PHP
基于jquery的一行代码轻松实现拖动效果
2010/12/28 Javascript
如何制作浮动广告 JavaScript制作浮动广告代码
2012/12/30 Javascript
javascript模拟枚举的简单实例
2014/03/06 Javascript
使用ngView配合AngularJS应用实现动画效果的方法
2015/06/19 Javascript
javascript生成不重复的随机数
2015/07/17 Javascript
javascript中$(function() {});写与不写有哪些区别
2015/08/10 Javascript
jquery实现横向图片轮播特效代码分享
2015/11/19 Javascript
JQuery ztree带筛选、异步加载实例讲解
2016/02/25 Javascript
微信小程序 Windows2008 R2服务器配置TLS1.2方法
2016/12/05 Javascript
Angular.Js中过滤器filter与自定义过滤器filter实例详解
2017/05/08 Javascript
webpack vue项目开发环境局域网访问方法
2018/03/20 Javascript
vuex提交state&amp;&amp;实时监听state数据的改变方法
2018/09/16 Javascript
JS使用H5实现图片预览功能
2019/09/30 Javascript
Python备份Mysql脚本
2008/08/11 Python
一行代码让 Python 的运行速度提高100倍
2018/10/08 Python
pytorch 状态字典:state_dict使用详解
2020/01/17 Python
python实现从尾到头打印单链表操作示例
2020/02/22 Python
python在地图上画比例的实例详解
2020/11/13 Python
找到您丢失的钥匙、钱包和手机:Tile
2017/05/19 全球购物
日本动漫周边服饰销售网站:Atsuko
2019/12/16 全球购物
给幼儿园老师的表扬信
2014/01/19 职场文书
新学期开学演讲稿
2014/05/24 职场文书
优秀班主任经验交流材料
2014/06/02 职场文书
建筑工地质量标语
2014/06/12 职场文书
三分钟自我介绍演讲稿
2014/08/21 职场文书
颐和园导游词
2015/01/30 职场文书
幼儿园教师自我评价
2015/03/04 职场文书
Python基本的内置数据类型及使用方法
2022/04/13 Python
MySQL 数据 data 基本操作
2022/05/04 MySQL
Go语言怎么使用变长参数函数
2022/07/15 Golang