コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryプラグインの動的menu_jqueryの緩和

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

WBOY
リリース： 2016-05-16 18:20:52
オリジナル
1235 人が閲覧しました

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

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

<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
関連ラベル：
jquery
ソース：php.cn
前の記事：jquery_jquery の下にオーバーレイ マスク レイヤー コードを実装します。 次の記事：jQuery (IE7、Firefox) に基づく Web ページの右下隅のポップアップ広告 (IE7、Firefox)_jquery
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Javascript/Jqueryを使用してボタンなしでフォームを送信する JavaScript 関数を呼び出し、JQUERY/PHP を使用してフォームを実行することにより、ボタンのないフォームを送信しようとしています。ページを再読み込みせずに、バックエ...
から 2024-04-06 14:54:03
0
2
421
jqueryを使用してHTMLデータテーブルの選択されていない行の値を取得する方法 ボタンがクリックされなかったすべての行の値を取得しようとしています。たとえば、最初の行のボタンをクリックしたときに、クリックされなかった行の値を取得したいとします。 vartabl...
から 2024-04-05 09:26:49
0
1
1418
エンドユーザーの現在の選択に基づいて選択ボックスから選択したオプションを移動するには、jquery スクリプトが必要です エンドユーザーが選択ボックス要素を介してアイテムをランク付けできる HTML ページがあります。簡単なデモを確認するには、フィドルを参照してください: https://jsfidd...
から 2024-04-04 18:40:04
0
1
3528
ブックマークを介して純粋な CSS で要素を作成しました。作成されたが表示されない 私のコードは次のとおりです: g=document.createElement('div');g.setAttribute("id","divcont...
から 2024-04-04 17:27:27
0
1
417
Safari/Firefox iOS でフォ​​ームデータを送信できない これは、iOS 上の Safari/Firefox を除くすべてのプラットフォームで動作します: jQuery("#gform_1").one('submit'...
から 2024-04-04 12:53:48
0
1
303
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート