今日、友人がWeiboでJSとCSSを使用して、もちろんリフレッシュするたびに背景画像をランダムに作成できるかどうかを尋ねました。これを具体的に行うことができます：
1. JSを使用して、ランダムに表示する写真を保存する画像配列を定義します
コードコピーは次のとおりです。
var imgarr = ["http://www.google.com.hk/intl/zh-cn/images/logo_cn.png"、
"http://www.baidu.com/img/baidu_sylogo1.gif"、
"http://www.open-open.com/news/uploadimg/20120111/20120111081906_9.jpg"、
"http://www.open-open.com/news/uploadimg/20120111/20120111081906_76.jpg"
];
ここで4枚の写真を見つけて見ました。
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>