js设置随机切换背景图片

<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>
时间: 2024-10-24 06:18:00

js设置随机切换背景图片的相关文章

js如何设置div的背景图片

js如何设置div的背景图片:通过js设置div背景图片的方式有多种,这里只介绍一下使用style方式设置,尽管这种方式大家最为熟悉,但是设置背景因为涉及到路径,可能会稍稍造成一点困难,直接给出代码: odiv.style.backgroundImage="url('images/test.jpg')"; 当然也可以使用setAttribute()函数实现,具体可以参阅setAttribute()函数的用法详解一章节. 原文地址是:http://www.softwhy.com/foru

一个简单且丑陋的js切换背景图片基础示例

不多说,直接上代码,非常基础的一个原生js切换元素背景图片范例 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>原生JS范例</title> <script type="text/javascript"> function changeBg()

在VC++6.0中给对话框设置背景色或者背景图片

/*********************************************************** *说明: 在VC++6.0中给对话框设置背景色或者背景图片 *备注:测试代码的对话框程序的工程名为:BJ *原理:在OnPaint()中加入代码 ***********************************************************/ // 注意:去掉相应以 /* */ 注释的注释符号后代码生效 void CBJDlg::OnPaint() {

CSS实现的鼠标经过链接切换背景图片实例代码

CSS实现的鼠标经过链接切换背景图片实例代码:很多导航栏都有这样的效果,当鼠标滑过的时候能够实现背景图片的切换,算是一个比较好的效果吧,也算是对导航栏最基本的美化了.代码实例如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="

iOS设置UITableView的背景图片,以及不显示多余的空Cell

设置UITableView的背景图片:     UIImageView *imageView=[[UIImageView alloc]initWithImage:[UIImage imageNamed:@"hi.jpg"]];     [self.tableView setBackgroundView:imageView]; 设置UITableView不显示多余的空Cell:     self.tableView.tableFooterView = [[UIView alloc] in

js 定时更改div背景图片

今天遇到一个业务场景,使用js将一个div标签的背景图片定时更换一下. 之前百度了几个,有css+js,也有css3的,不过css3的兼容有问题,之后同事提示,可以使用js直接来更换div的北京图片,不使用css+ul+il的形式. 推荐的阅读https://blog.csdn.net/woyizhidouzai0505/article/details/41176565?utm_source=blogxgwz1 这个博客写的很好,用的也是这个方法. 下面写两种情况: 第一种是先规定几张图片,随机

设置按钮的背景图片

设置按钮在不同状态下的背景图片(为了保证高亮状态下的图片正常显示,必须设置按钮的type为custom)

VS 设置背景色和背景图片

VS版本:2013 选择菜单栏上——工具——选项——环境——字体和颜色——自定义(项背景),选择好自己喜欢的颜色即可 设置背景图片 下载vs插件(ClaudiaIDE):https://visualstudiogallery.msdn.microsoft.com/9ba50f8d-f30c-4e33-ab19-bfd9f56eb817 选择菜单栏上的——工具——ClaudiaIDE——General——单一背景,更改图片的路径就可以自己设置喜欢的图片了

Django学习之设置body的背景图片

为了让页面内容更加丰富,应当设置背景颜色或背景图片.在Django中背景图片一般放置在存放静态文件的static目录中,一般有两种方法进行设置: 一.在templates中设置 假设 “pic1.jpg” 的存放路径 “ project/app/static/img/pic1.jpg ” .在templates的body中设置style.如下: <body style="background: #ffffff url({% static "img/pic1.jpg" %