このページのナビゲーション トップページ   javascript  

背景の色をランダムに変える
サンプル画面へ

下の青い部分をコピーしてタグ内に記入すると サンプルページのように表示されます

<html> <head> <title>タイトル</title> </head> <body> <script type="text/javascript"> <!-- moji = new Array(); moji[0] = "#33cc66"; moji[1] = "#ffff52"; moji[2] = "#3366ff"; i = Math.floor(Math.random()*moji.length); document.bgColor = moji[i] //--> </script> </body> </html>

<body>〜</body>間

解説: bgColorと言ったプロパティを使って背景を変えています この場合には ページを訪れるたびに 黄、青、緑と3色の色をランダムに変えています 増やすのであれば moji[0] = "色の値"; moji[1] = "色の値"; moji[2] = "色の値";  ・  ・  ・ moji[6] = "色の値"; を追加していきます

javascriptの一覧

 

javascriptの説明

目指そう!物知り博士TOPへ

↑このページの先頭へ