使える!WEB小技集〜JavaScriptで文章や画像のランダム表示をするTips。
1upWEB!ホームページ制作の定番紹介!ノウハウ、小技Tips、検索エンジン、アクセスアップ方法、バナー広告など。1upWeb!,WEB,web,ウェブ,サイト,ホームページ,作成,TIPS,方法,アクセスアップ,JavaScript,CGI,スタイルシート,ダウンロード,フリー,自由,無料,画像  
Home使える!WEB小技集

Last Up 2003年11月21日 (金)

 

●いろいろ使えるランダム表示[JavaScript]

 文章、画像、リンクをランダムに表示!

表示したい位置に直接入力

<script language="JavaScript">
<!--
Lines = 4; // ←文章の数(要変更)
Mess = new Array(

"ようこそ!",
"いらっしゃいませ"
,
"<a href='index.html'>もう帰る?</a>",
"<img src='img/dami.gif'width='150'height='150'>"


);
Rndm = Math.floor(Math.random()*Lines);
document.write(Mess[Rndm]);
// -->
</script>

文章の数は幾つでも増やせますが、その場合「Lines」の数を同じように増やすことをお忘れなく。
また文章だけでなく画像やリンク文字をランダム表示する事もできます。その場合には指定は「" "」で囲まずに「' '」で囲んでください。
また文章指定の最後の行は「 , 」が入らないので間違えないように。
上記指定で下記のようになります。再読込してみてね。


応用編(背景色ランダム&背景画像ランダム)はこちら


 

ADVERTISEMENT