jQuery画像の一覧をランダムでフェードインさせるサンプルです。使いどきは難しいかもしれませんが、視覚的な効果は発揮すると思います。width="111"&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/section&gt;これは別にulとliの関係でなくても、divとpでも良いです。セマンティックな(意味のある)コーディングを意識すると、だいたいのケースは必然的に上記のようにリストタグで囲むことになると思います。none;}関係してくるのは、liのスタイリングぐらいでしょうか。floatでも良いし、場合によってはposition:absoluteでランダムに配置してもいいですよね。其の際は別途CSSでの指定が必要です。jQueryを使って実装します。//関数randomShadowの中で関数randomShadowを呼んでいる。//これによりspliceの除外が重なり、徐々に配列fadeInImgの要素数が減る。//配列fadeInImgをランダムに1つずつ削除していく//関数randomShadowの中で関数randomShadowを呼んでいる。//これによりspliceの除外が重なり、徐々に配列fadeInImgの要素数が減る。false;}}});});HTMLと照らしあわせて見てみてください。最初にフェードインさせたい画像を取得し変数に入れます。ちなみにこれは配列になっています。それに、jQueryを使ってCSSを指定します。displayとopacityの、ダブル非表示攻撃です。下から関数を定義しにいきます。function(){~})としています。関数randomShowでは何をしているのか今回重要なのは、「ランダム」だということです。//要素数を最大としてランダムに数値を吐くこの部分ですが、変数numはフェードインさせたい画像の枚数です。1行うえで、配列fadeInImgに対して、lengthで取得しています。これにMath.floorを使い、(フェードインさせたい画像)要素数を最大としてランダムな整数を作りrandomNumに代入していきます。MDN次の$(fadeInImg[randomNum]).css({~....animate({})で、アニメーション後の状態を書きます。今回の場合は非表示だった要素のdisplayをblockにします。opacityの値はアニメーション可能なので、animateに書きましょう。ちなみにfadeInImg[randomNum]部分が、ランダムで画像を取り出しています。1);簡単に言うと、配列fadeInImgの値を、spliceを使ってランダムで1つずつ減らしています。