ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryプラグインの動的menu_jqueryの緩和

jqueryプラグインの動的menu_jqueryの緩和

WBOY
WBOYオリジナル
2016-05-16 18:20:521219ブラウズ

非常にシンプルなエフェクトプラグインですが、あまり使わないので忘れてしまいそうなので、今後使うときにドキュメントを読む必要があるので書いておきます。後で便利なように今メモしておきます

コードをコピーします コードは次のとおりです:

<script> <br>$(function(){ <br>$.easing.def="easeInQuad" ;//デフォルトの効果を設定します <br>var callback=function (){ <br>alert("ok "); <br>} <br>$("#t1").animate({ <br>"top" :600 <br>},{duration: 3000, <br>easing:"easeInQuad",//省略可能<br>complete: callback}) <br>}) <br></script>

イージングを使用すると、JQ の元のメソッドが使用できなくなります。 JQ の時間を置き換えるオブジェクトは次のとおりです:
{duration: 3000, easing: "easeInQuad", complete: callback}
元の JQ のコールバック関数は complete に置き換えられます
If easingは使用されません。つまり、時間パラメータは上記のオブジェクトに置き換えられず、元の関数が保持されます
つまり、EASING がロードされた後も、次のように使用できます
コードをコピー コードは次のとおりです:

<script> <br>var callback=function (){ <br>alert (" ok"); <br>$("#t1").hide(3000,callback) <br></script>

効果ページ: http:/ /gsgd .co.uk/sandbox/jquery/easing/
特定のパラメーターの詳細:
期間オプション:
ミリ秒数
完全オプション:
完了後の呼び出し
イージング オプション:
jswing
def
easeInQuad
easeOutQuad
easeInOutQuad
easeInCubic
easeOutCubic
easeInOutCubic
easeInQuart
easeOutQuart
easeInOutQuart
easeInQuint
ease OutQuint
easeInOutQuint
easeInSine
easeOutSine
easeInOutSine
easeInExpo
easeOutExpo
easeInOutExpo
easeInCirc
easeOutCirc
easeInOutCirc
easeInElastic
easeOutElastic
easeInOutElastic
easeInBack
easeOutBack
easeInOutBack
easeInBounce
easeOutBounce
easeInOutBounce
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。