jQueryでコンテンツをランダムに入れ替える
ページのコンテンツをランダムに表示する機能を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）はバラ科の多年草。食用として供されている部分は花托（
[javascript] 要素を重複なしでランダム表示 | micro_log
知人から質問があって作ったサンプルを作ったのですが、もったいないので公開します。 よくある「ページをロードしたときに特定の要素（画像とかテキスト）がランダムで表示される」っていうギミックをjavascriptで実装してます。 ロジック的な部分は以下を参考にしました…っていうかほとんどコピペです。 【javascript】webページに画像をランダムに（重複しないように、あとそれぞれにリンクもつけて）表示させたいです。 デモとzipファイル 細かい解説はソースをご覧ください。 要素を重複なしでランダム表示(demo) お持ち帰り用zip 注意点 リンク先が全部アフィリエイトになってますのでご注意ください cssについてはIEとか未確認なので、どこかで実戦投入される際は各自チェックを [WP] WP-PollsがIE6で動作しない件
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://depthcode.com/2011/02/header-fixed.html
