jquery插件之easing 动态菜单
2010-08-21 00:00
429 查看
很简单的一个效果插件,但不是经常用,怕忘了,以后在用又要去看文档,所以现在把笔记写下来,方便以后
使用了easing后,JQ原来的方法有将不可用,用对象代替JQ中时间,该对象如下例
{duration: 3000,easing:"easeInQuad",complete: callback}
原JQ的回调函数由complete代替
如果不使用easing,即时间参数不为上面对象所代替,保留原有功能
即加载EASING后仍可以如下使用
效果页: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
<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
相关文章推荐
- jquery插件之easing 动态菜单
- jquery.easing.js缓动函数插件的用法
- jQuery - plugins插件 - easing动画
- jquery插件之easing使用的基本
- jquery插件之easing使用
- jquery.easing 和 jquery.transit 动画插件的使用
- JQuery插件之jQuery-easing的简单使用
- 20150304+JQuery+AJax+插件-01
- 用于图片处理的10个超级jQuery插件
- JQuery固定表头插件fixedtableheader源码注释
- Atom编辑器折腾记_(14)JQ代码片段补全(插件:Jquery-snippets)
- 非常流行的十款jQuery插件推荐
- JQuery插件第二十个:利用json数组即时创建明细列表
- Jquery 常用240插件
- 8款效果精美的 jQuery 加载动画和进度条插件
- 学写jQuery插件开发方法
- jquery 的datatables插件问题
- jQuery/Zepto的Bootstrap轮播图中图片自适应宽高并居中插件
- 10款有用的JQuery插件