基本の背景１■ランダム背景body・左端

●2016/04/07：即時関数で囲んで、グローバル変数を消しました。
★この背景画像はページを開くたびに変化します。
ランダムなので、たまに同じ画像が出ることもあります。
CSSで背景画像の表示を左端指定をしていますが、上端指定や敷詰指定に変更しても動作します。

ブラウザを更新するか、更新ボタンを押してみて下さい。→

<!DOCTYPE html>
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>基本の背景１■ランダム背景body・左端</title>

<!--★ここからコピー。背景画像の左端表示指定。表示指定は自由に変更可。JavaScriptが動作しない場合のために背景画像名を記述-->
<style type="text/css"><!--
body{ background:url(pt4t.jpg) repeat-y #dfd;}
--></style>
<!--★ここまでコピー。bodyにもコピーがあります-->

</head>
<body>

<!--★ここからコピー-->
<script type="text/javascript"><!--
//ランダム背景画像　更新時切替body================================================
(function (){  //即時関数で囲んでグローバル変数を消すため、この行はこのままで

//★背景画像指定。増減可能。画像を順番に"●",と区切って、いくつでも並べる。最後の ] の前には ,(カンマ) 無し
var ga=["sei2.png","pt2t.jpg","pt3t.jpg","pt4t.jpg"];
var myurl="";      //★画像パス。文書とは別のフォルダーなどに入っている時は指定。全画像共通部分

var i= Math.floor(Math.random()*ga.length);
document.body.style.backgroundImage="url("+myurl+ga[i]+")";
}());//即時関数終了
// --></script>
<!--★ここまでコピー-->

</body>
</html>

基本の背景１■ランダム背景body・左端 最終修正日 : 2016/04/07

　基本の背景１■ランダム背景body・左端　　　　最終修正日 : 2016/04/07