1. JSを使用して、ランダムに表示する写真を保存する画像配列を定義します
コードコピーは次のとおりです。
ar imgarr = ["// www.vevb.com/logo_cn.png"、
"//www.vevb.com/baidu_sylogo1.gif"、
"//www.vevb.com/news/uploadimg/20120111/20120111081906_79.jpg"、
"//www.vevb.com/news/uploadimg/20120111/20120111081906_76.jpg"];
上の写真を自分で変更してください。
2。JSを使用して乱数を生成します。もちろん、この乱数は0から始まり、imgarr.length-1から終了します。
コードコピーは次のとおりです。
var index = parseint(math.random()*(imgarr.length-1));
このようにして、現在ランダムに生成されている画像を取得します
コードコピーは次のとおりです。
var currentImage = imgarr [index];
3.背景画像がランダムに生成されたため、JSを使用してこの画像を背景画像として使用します。
コードコピーは次のとおりです。
document.getElementById( "BackgroundArea")。style.backgroundimage = "url("+currentimage+")";
これはデモであるため、ページ上にBackgroundareaのIDを含むDIVを定義し、このDivのランダムな背景を設定しました。
コードコピーは次のとおりです。
<div id = "backgroundarea">
</div>