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 相关文章推荐
为jquery.ui.dialog 增加“自动记住关闭时的位置”的功能
Nov 24 Javascript
Ajax 数据请求的简单分析
Apr 05 Javascript
js 字符串转化成数字的代码
Jun 29 Javascript
JavaScript中对象property的删除方法介绍
Dec 30 Javascript
JavaScript将数字转换成大写中文的方法
Mar 23 Javascript
jQuery ajaxSubmit 实现ajax提交表单局部刷新
Jul 04 Javascript
高效Web开发的10个jQuery代码片段
Jul 22 Javascript
Node.js测试中的Mock文件系统详解
Nov 21 Javascript
jQuery Ajax全解析
Feb 13 Javascript
Angular 4.x 路由快速入门学习
May 03 Javascript
vue2.0项目实现路由跳转的方法详解
Jun 21 Javascript
JavaScript实现京东购物放大镜和选项卡效果的方法分析
Jul 05 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验证码类代码( 最新修改,完全定制化! )
2010/12/02 PHP
PHP内存缓存功能memcached示例
2016/10/19 PHP
由浅到深了解JavaScript类
2006/09/08 Javascript
经常用到的JavasScript事件的翻译
2007/04/09 Javascript
javascript fullscreen全屏实现代码
2009/04/09 Javascript
探讨js中的双感叹号判断
2013/11/11 Javascript
ES6学习之变量的解构赋值
2017/02/12 Javascript
js实现按座位号抽奖
2017/04/05 Javascript
详解使用vue脚手架工具搭建vue-webpack项目
2017/05/10 Javascript
SpringMVC简单整合Angular2的示例
2017/07/31 Javascript
使用 vue.js 构建大型单页应用
2018/02/10 Javascript
JavaScript 判断对象中是否有某属性的常用方法
2018/06/14 Javascript
使用ng-packagr打包Angular的方法示例
2018/09/21 Javascript
video.js 一个页面同时播放多个视频的实例代码
2018/11/27 Javascript
Node.js JSON模块用法实例分析
2019/01/04 Javascript
深入理解基于vue-cli的webpack打包优化实践及探索
2019/10/14 Javascript
js获取url页面id,也就是最后的数字文件名
2020/09/25 Javascript
Vue 组件注册全解析
2020/12/17 Vue.js
[00:58]2016年国际邀请赛勇士令状宣传片
2016/06/01 DOTA
[01:03:41]DOTA2-DPC中国联赛 正赛 Dynasty vs XG BO3 第三场 2月2日
2021/03/11 DOTA
Python实现正整数分解质因数操作示例
2018/08/01 Python
python3 实现一行输入,空格隔开的示例
2018/11/14 Python
使用memory_profiler监测python代码运行时内存消耗方法
2018/12/03 Python
使用Python+wxpy 找出微信里把你删除的好友实例
2019/02/21 Python
梅尔倒谱系数(MFCC)实现
2019/06/19 Python
python中文分词库jieba使用方法详解
2020/02/11 Python
django列表筛选功能的实现代码
2020/03/27 Python
Python 的 __str__ 和 __repr__ 方法对比
2020/09/02 Python
Selenium 配置启动项参数的方法
2020/12/04 Python
python 基于opencv 绘制图像轮廓
2020/12/11 Python
写给女生的道歉信
2014/01/08 职场文书
科技之星事迹材料
2014/06/02 职场文书
单位活动策划方案
2014/08/17 职场文书
家长对孩子的寄语
2015/02/26 职场文书
2015年行政执法工作总结
2015/05/23 职场文书
班委竞选稿范文
2015/11/21 职场文书