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 相关文章推荐
(function($){...})(jQuery)的意思
Jul 22 Javascript
JavaScript中清空数组的三种方法分享
Apr 07 Javascript
javascript 日期时间 转换的方法
Feb 21 Javascript
PHP abstract与interface之间的区别
Nov 11 Javascript
jquery用data方法获取某个元素上的事件
Jun 23 Javascript
jQuery实现感应鼠标动画效果自动伸长的输入框实例
Feb 24 Javascript
jQuery中 $ 符号的冲突问题及解决方案
Nov 04 Javascript
BootStrap学习系列之布局组件(下拉,按钮组[toolbar],上拉)
Jan 03 Javascript
javascript ES6中箭头函数注意细节小结
Feb 17 Javascript
javascript定时器取消定时器及优化方法
Jul 08 Javascript
在create-react-app中使用css modules的示例代码
Jul 31 Javascript
JavaScript链式调用原理与实现方法详解
May 16 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
PHPEXCEL 使用小记
2013/01/06 PHP
四个PHP非常实用的功能
2015/09/29 PHP
在laravel框架中使用model层的方法
2019/10/08 PHP
(JS实现)MapBar中坐标的加密和解密的脚本
2007/05/16 Javascript
javascript权威指南 学习笔记之javascript数据类型
2011/09/24 Javascript
js 火狐下取本地路径实现思路
2013/04/02 Javascript
禁用backspace网页回退功能的实现代码
2016/11/15 Javascript
js鼠标移动时禁止选中文字
2017/02/19 Javascript
vue.js 1.x与2.0中js实时监听input值的变化
2017/03/15 Javascript
Node.js实现发送邮件功能
2017/11/06 Javascript
vue写一个组件
2018/04/09 Javascript
全站最详细的Vuex教程
2018/04/13 Javascript
Vue二次封装axios为插件使用详解
2018/05/21 Javascript
使用Node搭建reactSSR服务端渲染架构
2018/08/30 Javascript
javascript面向对象三大特征之继承实例详解
2019/07/24 Javascript
微信小程序实现音频文件播放进度的实例代码
2020/03/02 Javascript
javascript 设计模式之享元模式原理与应用详解
2020/04/08 Javascript
[44:40]2018DOTA2亚洲邀请赛3月30日 小组赛A组Liquid VS OG
2018/03/31 DOTA
Python中如何获取类属性的列表
2016/12/26 Python
Python3结合Dlib实现人脸识别和剪切
2018/01/24 Python
Python实现一个服务器监听多个客户端请求
2018/04/12 Python
使用python获取(宜宾市地震信息)地震信息
2019/06/20 Python
在pycharm中关掉ipython console/PyDev操作
2020/06/09 Python
Python学习之路安装pycharm的教程详解
2020/06/17 Python
Python bisect模块原理及常见实例
2020/06/17 Python
微信端html5页面调用分享接口示例
2018/03/14 HTML / CSS
Under Armour澳大利亚官网:美国知名的高端功能性运动品牌
2018/02/22 全球购物
Juicy Couture Beauty官方网站:香水和化妆品
2019/03/12 全球购物
文明学生事迹材料
2014/01/29 职场文书
工作证明范本(2篇)
2014/09/14 职场文书
简历自我评价模板
2015/03/11 职场文书
大学考试作弊检讨书
2015/05/06 职场文书
简爱读书笔记
2015/06/26 职场文书
2016年党校科级干部培训班学习心得体会
2016/01/06 职场文书
强烈推荐:小学生:暑假作息时间表(值得收藏)
2019/07/09 职场文书
微信小程序scroll-view不能左右滑动问题的解决方法
2021/07/09 Javascript