アニメーション:

Nodeをフェイドイン・アウト

指定Nodeをフェイドインかフェイドアウトする。

Node
Nodeを指定 id値を文字列で指定してもよい
Bool
フェイドタイプを指定 true = フェイドイン ・ false = フェイドアウト
Number
透明度の変化速度を指定 2 – 100 の整数 / 省略した場合は 25 となる
●必須引数 ●オプション引数(省略可能)

記述例

$aniFade($id('aNode'), true, 20)
$aniFade('aNode', true)

注意点

フェイド動作中のNodeを再度指定して実行した場合、設定を上書きして最新の設定で処理を継続する。

動作サンプル

変化速度を変えたサンプル。

SAMPLE BOX 1
SAMPLE BOX 2
Javascript : $aniFade($id('sample_box1'),false,15); $aniFade($id('sample_box1'),true); $aniFade('sample_box2',false,4); $aniFade('sample_box2',true,50);
※上記のサンプルコードは主にPC表示用を想定している。スマホ用のコーディングでは別途調整が必要となる可能性がある。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。