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

Last Up 2003年11月21日 (金)

 

●バックグラウンドカラー ランダム表示[JavaScript]

 背景画像ををランダムに変化!

<head>タグ内に挿入

<script language="JavaScript">
<!--
Lines = 4; // ←文章の数(要変更)
Mess = new Array(
"<body bgcolor='#FFFFCC'>",
"<body bgcolor='#CCFF66'>",
"<body bgcolor='#FFCC66'>",
"<body bgcolor='#CCFFFF'>"
);
Rndm = Math.floor(Math.random()*Lines);
document.write(Mess[Rndm]);
// -->
</script>

背景色をランダムで切り替えます。ちょっとあやしいスクリプトです。
この場合HTMLのBODYタグでは背景色を指定しないようにしてください。
上記指定でこのページのようになります。リロードしてみてください。

● バックグラウンドイメージ ランダム表示[JavaScript]
 背景画像をランダムに表示!

<head>タグ内に挿入

<script language="JavaScript">
<!--
Lines = 4; // ←文章の数(要変更)
Mess = new Array(
"<body background='../img/bg1.gif'>",
"<body background='../img/bg2.gif'>",
"<body background='../img/bg3.gif'>",
"<body background='../img/bg4.gif'>"
);
Rndm = Math.floor(Math.random()*Lines);
document.write(Mess[Rndm]);
// -->
</script>

上記指定で背景画像をランダムで切り替えます。


 

ADVERTISEMENT