jQuery.pdDelayFader.js

概要

複数要素のフェードイン・フェードアウト処理にディレイをかけます。
フェードアウトする時間よりディレイを短くすることで、要素が綺麗にフェードイン・フェードアウトします。

ライセンス

MITライセンス (English / 日本語) です。

ダウンロード

v1.0.0

20170315 初版

使い方1・フェードイン

子要素を display:block にしてフェードインします。

使い方2・フェードイン(displayを指定)

子要素を display:inline-block にしてフェードインします。

使い方3・フェードイン(逆からフェードイン)

子要素を後ろの要素からフェードインします。

使い方4・フェードアウト

子要素をフェードアウトします。
フェードアウトで設定するパラメタは、フェードインとほぼ同じです。

使い方5・フェードアウト(フェードアウト後 display:noneに)

子要素がフェードアウトしたあと、display:none になります。
is_none:true は .fade_out() メソッドと .hidden() メソッドで有効です。