jquery插件之easing使用

复制代码代码如下: <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> 具体参数细节: 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 官方网站 http://gsgd.co.uk/sandbox/jquery/easing/

　　推荐阅读

　　jQuery实现原理的模拟代码 -6 代码下载

演示代码:复制代码代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <hea>>>详细阅读

本文标题：jquery插件之easing使用

地址：http://www.17bianji.com/kaifa2/JS/25848.html

1/2 1