js設置隨機切換背景圖片的簡單實例
更新時間：2017年11月12日 11:45:34 作者：zhaocundang
下面小編就為大家?guī)硪黄猨s設置隨機切換背景圖片的簡單實例。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
實例如下：
<script>
var imgs =["http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_2.jpg",
"http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_default.png",
"http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_3.jpg",
"http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_1.jpg",
"http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_4.jpg",
"http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_5.jpg",
"http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_6.jpg",
"http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_default-2.jpg",
];
var index=Math.floor(Math.random()*8);
var img = imgs[index];
function time(){
document.body.style.backgroundImage="url("+img+")";
}
document.body.onload = function(){
time();
}
</script>
以上這篇js設置隨機切換背景圖片的簡單實例就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
webpack打包中path.resolve(__dirname, 'dist')的含義解
這篇文章主要介紹了webpack打包中path.resolve(__dirname, 'dist')的含義解析,path:path.resolve(__dirname, 'dist')就是在打包之后的文件夾上拼接了一個文件夾，在打包時，直接生成，本文給大家講解的非常詳細，需要的朋友可以參考下2023-05-05
這篇文章主要給大家介紹了關于如何通過JavaScript來實現頁面間數據傳遞的相關資料,在前端開發(fā)中我們常常需要從一個跳到另一個頁面,并且將當前頁面的數據傳遞過去,需要的朋友可以參考下2023-11-11
這篇文章主要介紹了js實現二級菜單點擊顯示當前內容效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-04-04
本文介紹了在瀏覽器中下載大文件的技術方案,包括分片下載、斷點續(xù)傳、進度條顯示、取消及暫停下載和文件合并等功能,分片下載可以降低網絡傳輸中斷的風險,并減少內存占用,需要的朋友可以參考下2024-10-10
下面小編就為大家?guī)硪黄猨s中string和number類型互轉換技巧(分享)。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
深入理解基于vue-cli的webpack打包優(yōu)化實踐及探索
這篇文章主要介紹了基于vue-cli的webpack打包優(yōu)化實踐及探索，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-10-10
根據分辯率調用不同的CSS....2007-01-01
這篇文章主要介紹了淺談JS獲取元素的N種方法及其動靜態(tài)討論,非常具有實用價值，需要的朋友可以參考下2017-08-08
這篇文章主要為大家詳細介紹了獲取陰歷（農歷）日期的js代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-02-02
動態(tài)加載dtree.js樹treeview(示例代碼)
本篇文章主要是對動態(tài)加載dtree.js樹treeview的示例代碼進行了詳細的分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12