jquery_jquery の動的効果の概要

アニメーション効果を包括的に使用すると、簡単なコードを使用してさまざまな jquery プラグインの効果を簡単に実装することもできます

この記事は、書籍「A Brief Talk on jquery」を参照し、それを整理したものですを、私自身の現実と組み合わせます。 経験に基づいており、学習マニュアルと見なすことができます。
編集時にコードがめちゃくちゃになったので、コード形式はまだ少し汚いかもしれません。
表示、非表示、および組み合わせ (切り替え) 効果
1.show(speed,callback);
説明: このメソッドは非表示の要素を表示でき、パラメーターもデフォルトです。つまり、次の形式で記述されます。 show() の
speed --- 表示速度を指定するパラメータは 3 つあり、遅い、標準、速いを選択するか、数値を自分で指定することもできます (単位: ミリ秒)
callback --- callback function
以下は簡単な例です

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

var callback=function(){ //alert("私はコールバック関数です") ;
}
var f1=function(){
// $("#t1").show( ); パラメータdefault
// $("#t1").show( "fast",callback); 表示速度は高速モードです
$("#t1").show(3000,callback); //カスタマイズされた表示速度 3000 ミリ秒
$("# b1").click(f1);

HTML コード

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

dd

2 hidden(speed,callback);注: 要素を非表示にするために使用される show メソッドとは対照的に、パラメーターは show と同じです。3.1 を参照してください。

次の例は、ボタンをクリックして表示されている div を非表示にする方法です。

コードをコピーします コードは次のとおりです: var callback=function(){ //alert("私がコールバックですfunction");

}

var f1=function(){
// $("#t1").hide() ; パラメータのデフォルト
// $("#t1")。 Hide("fast",callback); 表示速度は高速モードです
$("#t1").hide(3000,callback);/ /カスタム表示速度 3000 ミリ秒
}; ).click(f1);


HTML コード

コードをコピー コードは次のとおりです。

dd

3 toggle(speed,callback)
説明: これは show() メソッドと Hide() メソッドとして理解でき、show() と Hide() を交互に実行します。 🎜>例: ページに非表示の要素があり、最初に toggle() が実行されると要素が表示され、2 回目の実行で要素が非表示になり、3 回目に要素が再度表示されます。 。 。

パラメータは 3.1 と同じです




コードをコピーします

コードは次のとおりです: var callback=function (){ //alert("私はコールバック関数です"); }

var f1=function(){

//$("#t1").toggle( ); // パラメータがありません Save
//$("#t1").toggle("fast",callback); // 高速モードでの表示速度
$("#t1").toggle(3000) ,callback);
$("#b1").click(f1);



HTML コード

コードをコピー

コードは次のとおりです: dd