jQuery 基礎トレーニング

jQuery効果

fadeTo()メソッドは選択された要素の不透明度を指定された不透明度に徐々に変更します。

このメソッドはfadeIn()メソッドは似ていますが、このメソッドは要素を非表示に解除し、常にフェードインします100％の不透明度。

注意： fadeTo()メソッドはページのレイアウトを変更しません（選択された要素は以前と同じスペースを占めます）。

$(selector)fadeTo.(duration,　opacity,　easing,　callback)

逐渐低減<div>要素の不透明度：

例

$("button").click(function(){
　　$("div").fadeTo(500,　0.2);
});

逐渐更改<div>要素の不透明度：

例

$("#btn1.click(function(){
　　$("div").fadeTo(1000,　0);
});
$("#btn2.click(function(){
　　$("div").fadeTo(1000,}　1);
});

を使用してcallbackパラメータ：

例

$("button").click(function(){
　　$("div").fadeTo(500,　0,　function(){
　　　　alert("不透明度が低下!!!");
　　});
});

パラメータ	説明
duration	アニメーションが続く時間を指定する文字列または数字可能な値：ミリ秒（例えば100、500、2000など) 「fast」「slow」
opacity	フェードインの不透明度を指定します。0.00と間で指定する必要があります1.00の間の数字
easing	（オプション）アニメーションの異なるポイントで要素の速度を指定する文字列。デフォルト値は「swing」可能な値：「swing」-始めに/終わりに近づくと動きが遅くなり、中間では速くなる「linear」-恒定速度で動く
callback	（オプション）fadeTo()メソッドが完了し、呼び出される関数