ar imgArr=["http://chabaoo.cn/logo_cn.png",
"http://chabaoo.cn/baidu_sylogo1.gif",
"http://chabaoo.cn/news/uploadImg/20120111/20120111081906_79.jpg",
 "http://chabaoo.cn/news/uploadImg/20120111/20120111081906_76.jpg"];

上面的圖片請大家換成自己的。

2、用JS產(chǎn)生一個隨機(jī)數(shù)，當(dāng)然這個隨機(jī)數(shù)從0開始到imgArr.length-1結(jié)束

復(fù)制代碼代碼如下:

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

這樣我們就得到當(dāng)前隨機(jī)產(chǎn)生的圖片

復(fù)制代碼代碼如下:

var currentImage=imgArr[index];

3、既然隨機(jī)產(chǎn)生了一張背景圖，那就用JS把這個圖片作為背景圖吧。

復(fù)制代碼代碼如下:

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

由于這是一個demo，所以我在頁面上定義了一個id為BackgroundArea的div，同時也是為這個div設(shè)置隨機(jī)背景的。

復(fù)制代碼代碼如下:

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

您可能感興趣的文章:

相關(guān)文章

詳解JS函數(shù)重載
本文主要介紹了利用JavaScript中的特殊對象arguments來模擬函數(shù)重載的解決方案，非常的實(shí)用，給需要的小伙伴參考下
2014-12-12
JS 事件機(jī)制完整示例分析
這篇文章主要介紹了JS 事件機(jī)制,結(jié)合完整實(shí)例形式分析了JavaScript事件響應(yīng)機(jī)制、原理與使用技巧,需要的朋友可以參考下
2020-01-01
微信小程序tabBar 返回tabBar不刷新頁面
這篇文章主要介紹了微信小程序tabBar 返回tabBar不刷新頁面,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-07-07
javascript setTimeout()傳遞函數(shù)參數(shù)(包括傳遞對象參數(shù))
由于需要，我要用到setTimeout（）并且在里邊的函數(shù)參數(shù)傳遞一個參數(shù)，就像這樣setTimeout（"fun(參數(shù))", 1000）。但是以我這種寫法，js會報(bào)錯，說‘參數(shù)’未定義。
2010-04-04
基于小程序請求接口wx.request封裝的類axios請求
這篇文章主要介紹了基于小程序請求接口wx.request封裝的類axios請求，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-07-07
JavaScript中函數(shù)表達(dá)式和函數(shù)聲明及函數(shù)聲明與函數(shù)表達(dá)式的不同
這篇文章主要介紹了JavaScript中函數(shù)表達(dá)式和函數(shù)聲明及函數(shù)聲明與函數(shù)表達(dá)式的不同的相關(guān)資料,需要的朋友可以參考下
2015-11-11
JavaScript實(shí)現(xiàn)獲取兩個排序數(shù)組的中位數(shù)算法示例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)獲取兩個排序數(shù)組的中位數(shù)算法,涉及javascript數(shù)組遍歷及數(shù)值計(jì)算相關(guān)操作技巧,需要的朋友可以參考下
2019-02-02
JavaScript獲取ul中l(wèi)i個數(shù)的方法
這篇文章主要介紹了JavaScript獲取ul中l(wèi)i個數(shù)的方法,涉及javascript針對頁面HTML元素的獲取及屬性操作相關(guān)技巧,需要的朋友可以參考下
2017-02-02
js/jQuery簡單實(shí)現(xiàn)選項(xiàng)卡功能
本篇文章主要是對js/jQuery簡單實(shí)現(xiàn)選項(xiàng)卡功能的示例代碼進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-01-01
js基于FileSaver.js 瀏覽器導(dǎo)出Excel文件的示例
本篇文章主要介紹了js基于FileSaver.js 瀏覽器導(dǎo)出Excel文件的示例，具有一定的參考價(jià)值，有興趣的可以了解一下
2017-08-08