很简单的一个效果插件,但不是经常用,怕忘了,以后在用又要去看文档,所以现在把笔记写下来,方便以后 复制代码 代码如下: <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使用过程中需要注意的地方和一些基本语法
1、Javacsript实现超链接:<a href="javascript (‘Hello')>点点</a> 2、JavaScript中函数调用可以在函数声明之前。 3、JavaScript 中不像C#中那样要求所有路径都有返回值,没有返回值时返回undefined 匿名函数: >>>详细阅读
本文标题:jquery插件之easing 动态菜单
地址:http://www.17bianji.com/kaifa2/JS/25810.html
1/2 1