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 相关文章推荐
Code:loadScript( )加载js的功能函数
Feb 02 Javascript
Javascript实现仿WebQQ界面的“浮云”兼容 IE7以上版本及FF
Apr 27 Javascript
js有关元素内容操作小结
Dec 20 Javascript
[原创]推荐10款最热门jQuery UI框架
Aug 19 Javascript
jQuery动画与特效详解
Feb 01 Javascript
JavaScript知识点总结(六)之JavaScript判断变量数据类型
May 31 Javascript
Bootstrap实现水平排列的表单
Jul 04 Javascript
JavaScript中日常收集常见的10种错误(推荐)
Jan 08 Javascript
jquery鼠标悬停导航下划线滑出效果
Sep 29 jQuery
Element input树型下拉框的实现代码
Dec 21 Javascript
微信小程序分包加载代码实现方法详解
Sep 23 Javascript
Vue 实现拨打电话操作
Nov 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中使用sockets:从新闻组中获取文章
2006/10/09 PHP
php Try Catch异常测试
2009/03/01 PHP
PHP数组生成XML格式数据的封装类实例
2016/11/10 PHP
thinkPHP框架通过Redis实现增删改查操作的方法详解
2019/05/13 PHP
js中格式化日期时间型数据函数代码
2010/11/08 Javascript
jquery选择器-根据多个属性选择示例代码
2013/10/21 Javascript
JavaScript中的值类型详细介绍
2014/12/29 Javascript
使用vue.js开发时一些注意事项
2016/04/27 Javascript
jQuery实现的自定义弹出层效果实例详解
2016/09/04 Javascript
原生JS实现不断变化的标签
2017/05/22 Javascript
JS实现的简单表单验证功能示例
2017/10/13 Javascript
浅谈vue单一组件下动态修改数据时的全部重渲染
2018/03/01 Javascript
微信小程序实现人脸识别
2018/05/25 Javascript
JavaScript实现多态和继承的封装操作示例
2018/08/20 Javascript
JS中队列和双端队列实现及应用详解
2020/09/29 Javascript
[52:08]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#2Fnatic VS OG第一局
2016/03/05 DOTA
Python内置函数—vars的具体使用方法
2017/12/04 Python
Python设计模式之代理模式简单示例
2018/01/09 Python
Python中的默认参数实例分析
2018/01/29 Python
Python向excel中写入数据的方法
2019/05/05 Python
详解基于python-django框架的支付宝支付案例
2019/09/23 Python
python3 webp转gif格式的实现示例
2019/12/10 Python
Python itertools.product方法代码实例
2020/03/27 Python
Python如何输出警告信息
2020/07/30 Python
基于Python pyecharts实现多种图例代码解析
2020/08/10 Python
Python压缩模块zipfile实现原理及用法解析
2020/08/14 Python
阿玛尼美妆加拿大官方商城:Giorgio Armani Beauty加拿大
2017/10/24 全球购物
专科毕业生自我鉴定
2013/12/01 职场文书
见习报告怎么写
2014/10/31 职场文书
2014年教育培训工作总结
2014/12/08 职场文书
优秀共青团员事迹材料
2014/12/25 职场文书
三峡人家导游词
2015/01/31 职场文书
新郎结婚保证书
2015/02/26 职场文书
goland 清除所有的默认设置操作
2021/04/28 Golang
你喜欢篮球吗?Python实现篮球游戏
2021/06/11 Python
springboot 多数据源配置不生效遇到的坑及解决
2021/11/17 Java/Android