jsを使ってcssを操作して、jsを実現して背景のピクチャーの例を変えます。


1、JSで一つの写真群を定義し、中にランダムに展示したい写真を保存します。

ar imgArr=["https://www.jb51.net/logo_cn.png",
"https://www.jb51.net/baidu_sylogo1.gif",
"https://www.jb51.net/news/uploadImg/20120111/20120111081906_79.jpg",
 "https://www.jb51.net/news/uploadImg/20120111/20120111081906_76.jpg"];
上の写真を自分のものに変えてください。
2、JSで乱数を生成します。もちろんこの乱数は0からimgAr.length-1までです。

var index =parseInt(Math.random()*(imgArr.length-1));
これにより、現在ランダムに生成された画像を取得します。

var currentImage=imgArr[index];
3、ランダムに背景図が生まれた以上、JSでこの写真を背景図にしましょう。

document.getElementById("BackgroundArea").style.backgroundImage="url("+currentImage+")";
これはデモですので、私はページでBackgroundAreaのdivとしてIDを定義しました。このdivのためにランダムな背景を設定しました。

<div id="BackgroundArea">
</div>