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 支持ie和firefox杰奇翻页函数
Jul 22 Javascript
MooTools 1.2介绍
Sep 14 Javascript
JS 控制小数位数的实现代码
Aug 02 Javascript
11个用于提高排版水平的基于jquery的文字效果插件
Sep 14 Javascript
Node.js实现在目录中查找某个字符串及所在文件
Sep 03 Javascript
浅谈javascript中的闭包
May 13 Javascript
Bootstarp基本模版学习教程
Feb 01 Javascript
微信小程序 自定义消息提示框
Aug 06 Javascript
深入理解React高阶组件
Sep 28 Javascript
微信小程序获取用户openid的实现
Dec 24 Javascript
微信小程序 子级页面返回父级并把子级参数带回父级实现方法
Aug 22 Javascript
Javascript Web Worker使用过程解析
Mar 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
php提示undefined index的几种解决方法
2012/05/21 PHP
Codeigniter(CI)框架分页函数及相关知识
2014/11/03 PHP
使用PHP把HTML生成PDF文件的几个开源项目介绍
2014/11/17 PHP
浅谈ThinkPHP的URL重写
2014/11/25 PHP
php网页病毒清除类
2014/12/08 PHP
Php-Redis安装测试笔记
2015/03/05 PHP
php getcwd与dirname(__FILE__)区别详解
2016/09/24 PHP
PHP+MySQL实现消息队列的方法分析
2018/05/09 PHP
防止动态加载JavaScript引起的内存泄漏问题
2009/10/08 Javascript
javascript控制frame,iframe的src属性代码
2009/12/31 Javascript
jquery实现带复选框的表格行选中删除时高亮显示
2013/08/01 Javascript
Firefox中使用outerHTML的2种解决方法
2014/06/07 Javascript
使用jQuery jqPlot插件绘制柱状图
2014/12/18 Javascript
利用JavaScript脚本实现滚屏效果的方法
2015/07/07 Javascript
javascript实现超炫的向上滑行菜单实例
2015/08/03 Javascript
详解javascript函数的参数
2015/11/10 Javascript
jQuery 1.9.1源码分析系列(十五)之动画处理
2015/12/03 Javascript
常常会用到的截取字符串substr()、substring()、slice()方法详解
2015/12/16 Javascript
jQuery实现点击后高亮背景固定显示的菜单效果【附demo源码下载】
2016/09/21 Javascript
Bootstrap基本组件学习笔记之列表组(11)
2016/12/07 Javascript
vue实现单选和多选功能
2017/08/11 Javascript
Nodejs调用WebService的示例代码
2017/09/29 NodeJs
vue+element实现批量删除功能的示例
2018/02/28 Javascript
javascript闭包的使用之按钮切换功能
2018/08/30 Javascript
[48:02]Ti4循环赛第三日 VG vs Liquid和NEWBEE vs DK
2014/07/12 DOTA
python 生成器生成杨辉三角的方法(必看)
2017/04/10 Python
Python字典循环添加一键多值的用法实例
2019/01/20 Python
详解如何设置Python环境变量?
2019/05/13 Python
python圣诞树编写实例详解
2020/02/13 Python
python3 正则表达式基础廖雪峰
2020/03/25 Python
Keras自定义实现带masking的meanpooling层方式
2020/06/16 Python
PyTorch中的拷贝与就地操作详解
2020/12/09 Python
Ootori在线按摩椅店:一家专业的按摩椅制造商
2019/04/10 全球购物
新法人代表任命书
2014/06/06 职场文书
北京奥运会口号
2014/06/21 职场文书
threejs太阳光与阴影效果实例代码
2022/04/05 Javascript