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 相关文章推荐
javascript 获取表单file全路径
Dec 31 Javascript
jquery无缝向上滚动实现代码
Mar 29 Javascript
jQuery基本过滤选择器使用介绍
Apr 18 Javascript
JS实现OCX控件的事件响应示例
Sep 17 Javascript
javascript制作坦克大战全纪录(1)
Nov 27 Javascript
JS不用正则验证输入的字符串是否为空(包含空格)的实现代码
Jun 14 Javascript
AngularJs bootstrap详解及示例代码
Sep 01 Javascript
解决在Bootstrap模糊框中使用WebUploader的问题
Mar 22 Javascript
详解在React.js中使用PureComponent的重要性和使用方式
Jul 10 Javascript
jquery实现下载图片功能
Jul 18 jQuery
原生js实现随机点餐效果
Dec 10 Javascript
微信小程序实现限制用户转发功能的实例代码
Feb 22 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
造势之举?韩国总统候选人发布《星际争霸》地图
2017/04/22 星际争霸
PHP获取MAC地址的函数代码
2011/09/11 PHP
JavaScript与HTML结合的基本使用方法整理
2015/10/12 PHP
PHP简单的MVC框架实现方法
2015/12/01 PHP
PDO::rollBack讲解
2019/01/29 PHP
php实现通过stomp协议连接ActiveMQ操作示例
2020/02/23 PHP
TP5框架实现自定义分页样式的方法示例
2020/04/05 PHP
IE与FireFox的兼容性问题分析
2007/04/22 Javascript
JQUERY复选框CHECKBOX全选,取消全选
2008/08/30 Javascript
基于jQuery的日期选择控件
2009/10/27 Javascript
jquery插件制作 图片走廊 gallery
2012/08/17 Javascript
animate动画示例(泪奔的小孩)及stop和delay的使用
2013/05/06 Javascript
javascript向后台传送相同属性的参数即数组参数
2014/02/17 Javascript
js脚本获取webform服务器控件的方法
2014/05/16 Javascript
JS闭包用法实例分析
2017/03/27 Javascript
JS实现简单拖拽效果
2017/06/21 Javascript
详解AngularJS之$window窗口对象
2018/01/17 Javascript
vue2 mint-ui loadmore实现下拉刷新,上拉更多功能
2018/03/21 Javascript
Vue组件中prop属性使用说明实例代码详解
2018/05/31 Javascript
jQuery实现炫丽的3d旋转星空效果
2018/07/04 jQuery
微信小程序实现的一键复制功能示例
2019/04/24 Javascript
Vuejs中的watch实例详解(监听者)
2020/01/05 Javascript
vue使用echarts画组织结构图
2021/02/06 Vue.js
浅谈Python的文件类型
2016/05/30 Python
Python线性方程组求解运算示例
2018/01/17 Python
在python中画正态分布图像的实例
2019/07/08 Python
Python协程操作之gevent(yield阻塞,greenlet),协程实现多任务(有规律的交替协作执行)用法详解
2019/10/14 Python
jupyter lab的目录调整及设置默认浏览器为chrome的方法
2020/04/10 Python
Tensorflow之MNIST CNN实现并保存、加载模型
2020/06/17 Python
python利用xpath爬取网上数据并存储到django模型中
2021/02/26 Python
BIBLOO波兰:捷克的一家在线服装店
2018/03/09 全球购物
Oracle的内存结构(Memory structures)
2015/06/10 面试题
JAVA语言如何进行异常处理,关键字:throws,throw,try,catch,finally分别代表什么意义?在try块中可以抛出异常吗?
2013/07/02 面试题
求职自荐信
2013/12/14 职场文书
2014年业务工作总结
2014/11/17 职场文书
机关干部纪律作风整顿心得体会
2016/01/23 职场文书