JS操作CSSはランダムにページの背景を変えて構想を実現します。

今日は友達がweiboでJSとCSSを使ってページを更新してランダムに背景図を作ってもいいですか？もちろん私の答えは大丈夫です。具体的にはこのようにしてもいいです。1、JSで1つの写真群を定義して、中にはランダムに展示したい写真を入れておきます。

 
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_79.jpg", 
"http://www.open-open.com/news/uploadImg/20120111/20120111081906_76.jpg" 
]; 

ここで4枚の写真を探してきました。生きてみてください。2、JSで乱数を生成します。もちろんこの乱数は0からimgAr.length-1まで

 
var index =parseInt(Math.random()*(imgArr.length-1)); 

を終了します。このようにして、現在ランダムに生成されている写真

 
var currentImage=imgArr[index]; 

を得て、ランダムに背景図を生成した以上、JSで背景図として使用します。

 
document.getElementById("BackgroundArea").style.backgroundImage="url("+currentImage+")"; 

これはデモですので、私はページでBackgroundAreaのdivとしてIDを定義しました。同時にこのdivのためにランダムな背景を設定しました。

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