js設置隨機切換背景圖片的簡單實例
更新時間:2017年11月12日 11:45:34 作者:zhaocundang
下面小編就為大家?guī)硪黄猨s設置隨機切換背景圖片的簡單實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
實例如下:
<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設置隨機切換背景圖片的簡單實例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
webpack打包中path.resolve(__dirname, 'dist')的含義解
這篇文章主要介紹了webpack打包中path.resolve(__dirname, 'dist')的含義解析,path:path.resolve(__dirname, 'dist')就是在打包之后的文件夾上拼接了一個文件夾,在打包時,直接生成,本文給大家講解的非常詳細,需要的朋友可以參考下2023-05-05
如何通過JavaScript來實現(xiàn)頁面間數(shù)據(jù)傳遞
這篇文章主要給大家介紹了關于如何通過JavaScript來實現(xiàn)頁面間數(shù)據(jù)傳遞的相關資料,在前端開發(fā)中我們常常需要從一個跳到另一個頁面,并且將當前頁面的數(shù)據(jù)傳遞過去,需要的朋友可以參考下2023-11-11
前端大文件分片下載具體實現(xiàn)方法(看這一篇就夠了)
本文介紹了在瀏覽器中下載大文件的技術方案,包括分片下載、斷點續(xù)傳、進度條顯示、取消及暫停下載和文件合并等功能,分片下載可以降低網(wǎng)絡傳輸中斷的風險,并減少內(nèi)存占用,需要的朋友可以參考下2024-10-10
js中string和number類型互轉(zhuǎn)換技巧(分享)
下面小編就為大家?guī)硪黄猨s中string和number類型互轉(zhuǎn)換技巧(分享)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
深入理解基于vue-cli的webpack打包優(yōu)化實踐及探索
這篇文章主要介紹了基于vue-cli的webpack打包優(yōu)化實踐及探索,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2019-10-10
動態(tài)加載dtree.js樹treeview(示例代碼)
本篇文章主要是對動態(tài)加載dtree.js樹treeview的示例代碼進行了詳細的分析介紹,需要的朋友可以過來參考下,希望對大家有所幫助2013-12-12

