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插件化开发教程 (一)
Jan 27 Javascript
jquery移动端TAB触屏切换实现效果
Dec 22 Javascript
jQuery Validation Engine验证控件调用外部函数验证的方法
Jan 18 Javascript
详解使用JS如何制作简单的ASCII图与单极图
Mar 31 Javascript
原生js的ajax和解决跨域的jsonp(实例讲解)
Oct 16 Javascript
node.js读取Excel数据(下载图片)的方法示例
Aug 02 Javascript
小程序如何使用分包加载的实现方法
May 22 Javascript
对layui中的onevent 和event的使用详解
Sep 06 Javascript
vue模块移动组件的实现示例
May 20 Javascript
解决Vue的文本编辑器 vue-quill-editor 小图标样式排布错乱问题
Aug 03 Javascript
Javascript之datagrid查询详解
Sep 15 Javascript
vue中的可拖拽宽度div的实现示例
Apr 08 Vue.js
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中数组元素升序、降序以及重新排序的函数
2013/06/20 PHP
采用memcache在web集群中实现session的同步会话
2014/07/05 PHP
PHP会话控制实例分析
2016/12/24 PHP
PHP SFTP实现上传下载功能
2017/07/26 PHP
Laravel使用RabbitMQ的方法示例
2019/06/18 PHP
jQuery入门第一课 jQuery选择符
2010/03/14 Javascript
JavaScript Array对象扩展indexOf()方法
2014/05/09 Javascript
jQuery中:only-child选择器用法实例
2015/01/03 Javascript
jQuery隐藏和显示效果实现
2016/04/06 Javascript
JavaScript之cookie技术详解
2016/11/18 Javascript
浅谈react+es6+webpack的基础配置
2017/08/09 Javascript
详解vue通过NGINX部署在子目录或者二级目录实践
2018/09/03 Javascript
jQuery实现为table表格动态添加或删除tr功能示例
2019/02/19 jQuery
深入解析Vue源码实例挂载与编译流程实现思路详解
2019/05/05 Javascript
python使用range函数计算一组数和的方法
2015/05/07 Python
深入解析Python的Tornado框架中内置的模板引擎
2016/07/11 Python
Python列表推导式与生成器表达式用法示例
2018/02/08 Python
对Python中list的倒序索引和切片实例讲解
2018/11/15 Python
django 捕获异常和日志系统过程详解
2019/07/18 Python
python实现画循环圆
2019/11/23 Python
基于python实现数组格式参数加密计算
2020/04/21 Python
opencv 形态学变换(开运算,闭运算,梯度运算)
2020/07/07 Python
python 窃取摄像头照片的实现示例
2021/01/08 Python
HTML5 与 XHTML2
2008/10/17 HTML / CSS
维珍澳洲航空官网:Virgin Australia
2017/09/08 全球购物
联想马亚西亚官方网站:Lenovo Malaysia
2018/09/19 全球购物
Dodax奥地利:音乐、电影、书籍、玩具、电子产品等
2019/08/31 全球购物
英语专业毕业生自荐信范文
2013/12/31 职场文书
3.15国际消费者权益日主题活动活动总结
2014/03/16 职场文书
租房协议书
2014/09/12 职场文书
2014离婚协议书范文两篇
2014/09/15 职场文书
接待员岗位职责
2015/02/13 职场文书
党员证明模板
2015/06/19 职场文书
政协常委会议主持词
2015/07/03 职场文书
安全教育的主题班会
2015/08/13 职场文书
python如何查找列表中元素的位置
2022/05/30 Python