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 相关文章推荐
zeroclipboard复制到剪切板的flash
Aug 04 Javascript
Jquery.LazyLoad.js修正版下载,实现图片延迟加载插件
Mar 12 Javascript
js如何实现点击标签文字,文字在文本框出现
Aug 05 Javascript
jQuery模拟原生态App上拉刷新下拉加载更多页面及原理
Aug 10 Javascript
JS实现的另类手风琴效果网页内容切换代码
Sep 08 Javascript
JS实现的新浪微博大厅文字内容滚动效果代码
Nov 05 Javascript
AngularJS入门教程之AngularJS指令
Apr 18 Javascript
JS结合bootstrap实现基本的增删改查功能
Jul 22 Javascript
WebSocket+node.js创建即时通信的Web聊天服务器
Aug 08 Javascript
不使用script导入js文件的几种方法
Oct 27 Javascript
网页中右键功能的实现方法之contextMenu的使用
Feb 20 Javascript
mpvue将vue项目转换为小程序
Sep 30 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实现 使用PHP数组内部指针操作函数
2010/10/12 PHP
PHP在引号前面添加反斜杠(PHP去除反斜杠)
2013/09/28 PHP
PHP中的traits实现代码复用使用实例
2015/05/13 PHP
Yii2结合Workerman的websocket示例详解
2018/09/10 PHP
javascript IFrame 强制刷新代码
2009/07/23 Javascript
对javascript的一点点认识总结《javascript高级程序设计》读书笔记
2011/11/30 Javascript
javascript中不等于的代码是什么怎么写
2013/12/29 Javascript
JS 删除字符串最后一个字符的实现代码
2014/02/20 Javascript
JavaScript导出Excel实例详解
2014/11/25 Javascript
vue2.0在table中实现全选和反选的示例代码
2017/11/04 Javascript
Vue2.0子同级组件之间数据交互方法
2018/02/28 Javascript
简单介绍react redux的中间件的使用
2018/04/06 Javascript
js中apply()和call()的区别与用法实例分析
2018/08/14 Javascript
JavaScript常见事件对象与操作实例总结
2019/01/05 Javascript
Layui实现带查询条件的分页
2019/07/27 Javascript
python33 urllib2使用方法细节讲解
2013/12/03 Python
Python continue语句用法实例
2014/03/11 Python
Python pickle模块用法实例
2015/04/14 Python
python非递归全排列实现方法
2017/04/10 Python
python使用KNN算法识别手写数字
2019/04/25 Python
Pytorch加载部分预训练模型的参数实例
2019/08/18 Python
对Python 中矩阵或者数组相减的法则详解
2019/08/26 Python
python RC4加密操作示例【测试可用】
2019/09/26 Python
Pyecharts 中Geo函数常用参数的用法说明
2021/02/01 Python
新加坡最佳婴儿用品店:Mamahood.com.sg
2018/08/26 全球购物
全球才华横溢工匠的家居装饰、珠宝和礼物:NOVICA
2021/01/22 全球购物
怎样比较两个类型为String的字符串
2016/08/17 面试题
医院护理人员的自我评价分享
2013/10/04 职场文书
求职信范文英文版
2014/01/05 职场文书
2014年两会学习心得体会
2014/03/10 职场文书
2014年护士个人工作总结
2014/11/11 职场文书
2015年全国爱眼日活动方案
2015/05/05 职场文书
2019个人半年工作总结
2019/06/21 职场文书
用golang如何替换某个文件中的字符串
2021/04/25 Golang
Vite + React从零开始搭建一个开源组件库
2022/06/25 Javascript
Linux在两个服务器直接传文件的操作方法
2022/08/05 Servers