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 相关文章推荐
js动态调用css属性的小规律及实例说明
Dec 28 Javascript
javascript快速排序算法详解
Sep 17 Javascript
基于原生js淡入淡出函数封装(兼容IE)
Oct 20 Javascript
WEB开发之注册页面验证码倒计时代码的实现
Dec 15 Javascript
bootstrap——bootstrapTable实现隐藏列的示例
Jan 14 Javascript
jQuery使用eraser.js插件实现擦除、刮刮卡效果的方法【附eraser.js下载】
Apr 28 jQuery
纯js实现隔行变色效果
Nov 29 Javascript
分析JavaScript数组操作难点
Dec 18 Javascript
如何去除富文本中的html标签及vue、react、微信小程序中的过滤器
Nov 21 Javascript
详解vue-cli@2.x项目迁移日志
Jun 06 Javascript
Vue+webpack实现懒加载过程解析
Feb 17 Javascript
js实现上传按钮并显示缩略图小轮子
May 04 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
php自动跳转中英文页面
2008/07/29 PHP
PHP排序之二维数组的按照字母排序实现代码
2011/08/13 PHP
深入PHP中慎用双等于(==)的详解
2013/06/06 PHP
php采用curl访问域名返回405 method not allowed提示的解决方法
2014/06/26 PHP
网页设计常用的一些技巧
2006/12/22 Javascript
自动生成文章摘要的代码[JavaScript 版本]
2007/03/20 Javascript
使用JS实现jQuery的addClass, removeClass, hasClass函数功能
2014/10/31 Javascript
jQuery中not()方法用法实例
2015/01/06 Javascript
JS实现点击复选框将按钮或文本框变为灰色不可用的方法
2015/08/11 Javascript
全面解析Bootstrap表单使用方法(表单按钮)
2015/11/24 Javascript
使用jQuery Mobile框架开发移动端Web App的入门教程
2016/05/17 Javascript
AngularJS入门教程之模块化操作用法示例
2016/11/02 Javascript
Bootstrap选项卡动态切换效果
2016/11/28 Javascript
微信小程序异步处理详解
2017/11/10 Javascript
vue-cli2.x项目优化之引入本地静态库文件的方法
2018/06/19 Javascript
微信小程序实现单选选项卡切换效果
2020/06/19 Javascript
深入剖析JavaScript instanceof 运算符
2019/06/14 Javascript
vue如何实现动态加载脚本
2020/02/05 Javascript
JS正则表达式验证密码强度
2020/03/18 Javascript
Vue 实现拨打电话操作
2020/11/16 Javascript
Python实现批量修改文件名实例
2015/07/08 Python
pandas修改DataFrame列名的实现方法
2019/02/22 Python
Python OpenCV实现鼠标画框效果
2020/08/19 Python
Python使用Opencv实现图像特征检测与匹配的方法
2019/10/30 Python
详解Python 实现 ZeroMQ 的三种基本工作模式
2020/03/24 Python
python用opencv 图像傅里叶变换
2021/01/04 Python
HTML5+CSS3应用详解
2014/02/24 HTML / CSS
浅析HTML5的WebSocket与服务器推送事件
2016/02/19 HTML / CSS
俄罗斯游戏商店:Buka
2020/03/01 全球购物
2015年大学班级工作总结
2015/04/28 职场文书
党员干部廉洁自律承诺书
2015/04/28 职场文书
宾馆安全管理制度
2015/08/06 职场文书
中学政教处工作总结
2015/08/13 职场文书
2016年“9.22”世界无车日活动小结
2016/04/05 职场文书
应届生们该怎么书写求职信?
2019/07/05 职场文书
nginx基于域名,端口,不同IP的虚拟主机设置的实现
2021/03/31 Servers