jsを使ってcssを操作して、jsを実現して背景のピクチャーの例を変えます。
1、JSで一つの写真群を定義し、中にランダムに展示したい写真を保存します。
2、JSで乱数を生成します。もちろんこの乱数は0からimgAr.length-1までです。
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>