【jQuery】ランダムにフェードインで要素を表示させる

jquery.random-fade-in

Latest version: 1.3.2 (2017-10-28)

ランダムにひとつずつ要素が表示されます。

これで完成です。

表示される順番は毎回異なります。

※JavaScriptライブラリのjQueryを使用しています。

フェードインを設定する部分は、下記の構造である必要があります。



<全体を包含する要素>

	<各要素の表示領域を確保する要素>

		<実際にフェードインされる要素>
【例】

<div id="boxset">

	<div>

		<p>この要素が徐々に表示されます。</p>

	</div>

</div>

プラグインの指定は、全体を包含する要素のid名に対して行います。



$('#boxset').randomFadeIn();

フェードインにかかる時間を、第1引数で指定することができます。
"fadeIn()"のdurationの指定方法と同じです。



//無指定の場合は"slow"になります。

$('#boxset').randomFadeIn();
$('#boxset').randomFadeIn('fast');

$('#boxset').randomFadeIn(1000);