作家
登录

jquery插件之easing 动态菜单

作者: 来源:www.28hudong.com 2013-03-30 01:21:25 阅读 我要评论

很简单的一个效果插件,但不是经常用,怕忘了,以后在用又要去看文档,所以现在把笔记写下来,方便以后 复制代码 代码如下: <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

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)