ページのコンテンツをランダムに表示する機能をjQueryを使って作成しました。最初にHTMLには要素の記述が全部書いてある状態なので、JavaScriptがオフでも順序が入れ替わらないだけで表示はされます。 HTML サンプルに例として以下のHTMLを用意しました。 <ul class="contentBox"> <li> <div class="box"> <h2>見出し1</h2> <p class="img"><a href="http://ja.wikipedia.org/wiki/%E3%82%A4%E3%83%81%E3%82%B4" target="_blank"><img src="01.jpg" width="220"height="150" alt="いちご"></a></p> <p>イチゴ(苺、莓、Fragaria)はバラ科の多年草。食用として供されている部分は花托(
![jQueryでコンテンツをランダムに入れ替える](https://cdn-ak-scissors.b.st-hatena.com/image/square/f418c5b8e896aa5065e99d70c900e8296d7aeb9f/height=288;version=1;width=512/https%3A%2F%2Fwebdrawer.net%2Fwp%2Fwp-content%2Fuploads%2F2020%2F10%2Fthm.jpg)