Jqueryを使ってボックス要素のランダム表示

担当者からの要望で、アクセスするたびに表示する内容を変えたいとのこと。

アクセス毎　表示　ランダム　java

アクセス毎　表示　ランダム　jquery

などのワードで検索。

最初に出てくるのはランダムに画像を変えるというもの。

画像じゃないんだよなあ。。

<div>〜</div>でかこった要素なんだよなあ。。

と思ってると発見！

jQueryを使ってボックス要素をランダムに表示する方法

http://webtips-blog.com/2011/02/22/jquery_tips/

JqueryなのでJqueryは読み込んでいることが前提です。

jsファイルを作成して、読み込ませて

ランダム表示させたい親要素に

<div randomdisplay="3">

</div>

ってするだけでした。

サンプルでは

<ul randomdisplay="3">

<li></li>

</ul>

だったのでどうかな〜と思ったのと、

小要素も<div>で中にフロートさせたり要素いっぱいだったのですが

普通に動きました。

めっちゃ便利かも？！

<div class="oya" randomdisplay="3">

<div class="box">

<div class="imgbox">画像</div>

<div class="txtbox">テキスト</div>

</div><!--box-->

<div class="box">

<div class="imgbox">画像</div>

<div class="txtbox">テキスト</div>

</div><!--box-->

</div><!--oya-->

こうするとclass="box"の<div>がランダムで表示されました。

やりたかったことと見事一致。

ありがとうございます。超便利です。