js设置随机切换背景图片的简单实例


Posted in Javascript onNovember 12, 2017

实例如下:

<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设置随机切换背景图片的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
pjblog中的UBBCode.js
Apr 25 Javascript
IE和Firefox在JavaScript应用中的兼容性探讨
Apr 01 Javascript
CSS+Table图文混排中实现文本自适应图片宽度(超简单+跨所有浏览器)
Feb 14 Javascript
javascript中获取下个月一号,是星期几
Jun 01 Javascript
js实现浏览器的各种菜单命令比如打印、查看源文件等等
Oct 24 Javascript
js使用split函数按照多个字符对字符串进行分割的方法
Mar 20 Javascript
JavaScript实现自动弹出窗口并自动关闭窗口的方法
Aug 06 Javascript
Express实现前端后端通信上传图片之存储数据库(mysql)傻瓜式教程(一)
Dec 10 Javascript
微信小程序 Buffer缓冲区的详解
Jul 06 Javascript
详解React+Koa实现服务端渲染(SSR)
May 23 Javascript
从零到一详聊创建Vue工程及遇到的常见问题
Apr 25 Javascript
Element InputNumber 计数器的实现示例
Aug 03 Javascript
AngularJS 表单验证手机号的实例(非必填)
Nov 12 #Javascript
基于js中style.width与offsetWidth的区别(详解)
Nov 12 #Javascript
浅谈webpack下的AOP式无侵入注入
Nov 12 #Javascript
JQ图片文件上传之前预览功能的简单实例(分享)
Nov 12 #Javascript
JS实现小球的弹性碰撞效果
Nov 11 #Javascript
jQuery实现checkbox即点即改批量删除及中间遇到的坑
Nov 11 #jQuery
解决vue组件中使用v-for出现告警问题及v for指令介绍
Nov 11 #Javascript
You might like
Phpbean路由转发的php代码
2008/01/10 PHP
javascript深入理解js闭包
2010/07/03 Javascript
Extjs4 GridPanel 的几种样式使用介绍
2013/04/18 Javascript
jquery数组封装使用方法分享(jquery数组遍历)
2014/03/25 Javascript
JQuery 给元素绑定click事件多次执行的解决方法
2014/09/09 Javascript
原生JavaScript实现合并多个数组示例
2014/09/21 Javascript
JS动态创建DOM元素的方法
2015/06/09 Javascript
jQuery中$.ajax()和$.getJson()同步处理详解
2015/08/12 Javascript
javascript HTML5 Canvas实现圆盘抽奖功能
2016/04/11 Javascript
javascript实现右下角广告框效果
2017/02/01 Javascript
js中数组插入、删除元素操作的方法
2017/02/15 Javascript
Express进阶之log4js实用入门指南
2018/02/10 Javascript
layui下拉框获取下拉值(select)的例子
2019/09/10 Javascript
[01:12:08]LGD vs OG 2019国际邀请赛淘汰赛 胜者组 BO3 第一场 8.24
2019/09/10 DOTA
[51:53]完美世界DOTA2联赛决赛日 Inki vs LBZS 第二场 11.08
2020/11/10 DOTA
Python爬虫实现爬取京东手机页面的图片(实例代码)
2017/11/30 Python
python 输出所有大小写字母的方法
2019/01/02 Python
python实现定时压缩指定文件夹发送邮件
2020/12/22 Python
python在OpenCV里实现投影变换效果
2019/08/30 Python
使用 Python 合并多个格式一致的 Excel 文件(推荐)
2019/12/09 Python
Python爬虫爬取电影票房数据及图表展示操作示例
2020/03/27 Python
基于tensorflow for循环 while循环案例
2020/06/30 Python
Html5调用手机摄像头并实现人脸识别的实现
2018/12/21 HTML / CSS
AOP的定义以及作用
2013/09/08 面试题
学前教育教师求职自荐信
2013/09/22 职场文书
会计电算化专业个人的自我评价
2013/11/24 职场文书
工作会议方案
2014/05/21 职场文书
十佳标兵事迹材料
2014/08/18 职场文书
2015年幼儿教育工作总结
2015/07/24 职场文书
2016年小学生新年寄语
2015/08/18 职场文书
先进个人事迹材料(2016推荐版)
2016/03/01 职场文书
2016年党员承诺书范文
2016/03/24 职场文书
创业计划书之青年旅馆
2019/09/23 职场文书
MongoDB数据库部署环境准备及使用介绍
2022/03/21 MongoDB
Golang Elasticsearches 批量修改查询及发送MQ
2022/04/19 Golang
Golang实现可重入锁的示例代码
2022/05/25 Golang