随机更换背景图

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
        <style>
            div{
                width: 100%;
                height: 200px;
                background-image: ;
                background-size: 100% 100%;
            }
        </style>
    </head>
    <body>
        <div  id="preView" width="100%" height="500px">

        </div>
         <script type="text/javascript">
            var bodyBgs = [];    //创建一个数组变量来存储背景图片的路径
            bodyBgs[0] = "img/b_img.jpg";
            bodyBgs[1] = "img/b_ing2.jpg";
            //Math.round四舍五入取整;Math.random()取随机数;
            //下边是取0-1之间的随机数
            var randomBgIndex = Math.round(Math.random()*1);
            var imgsr=bodyBgs[randomBgIndex];

            $("#preView").css({"background-image":"url("+imgsr+")"});
        </script>
    </body>
</html>
时间: 2025-01-04 10:52:00

随机更换背景图的相关文章

js实现刷新页面出现随机背景图

直接上代码:<script> var bodyBgs = []; bodyBgs[0] = "IMG/01.jpg"; bodyBgs[1] = "IMG/02.jpg"; bodyBgs[2] = "IMG/03.jpg"; bodyBgs[3] = "IMG/04.jpg"; bodyBgs[4] = "IMG/05.jpg"; var randomBgIndex = Math.round(

从相机相册获取图片裁剪后用于评论晒图或更换背景图

这是我人生中写的第一篇博客,是否要纪念一下这一刻(2016.09.01 16:52).其实关于写博客,老早就有这种写法,首先觉得他能够帮我总结我学到的和用过的技术,其次还能帮助那些和我有一样需求的人,我也是很开心啊,但是至于为什么现在才写第一篇,首先没有想好写什么,然后前段时间也确实比较忙.是不是那些来观技术的人已经想骂人了啊...啊哦!原谅我第一次写博客的激动心情吧! 废话不多说,开始我们的问题吧,首先因为我做了两次关于调用相机和相册获取图片的功能,觉得很有必要总结一下,下面我将从这两个功能出

python—networkx:画随机几何图,找出中心节点并按路径长度染色

随机生成一个集合图,自带路径属性,图大小为1*1,找出距离中心[0.5, 0.5]最近的节点,并按照路径染色. NetworkX Examples ? Drawing ? Random Geometric Graph <pre name="code" class="python">#coding:utf-8 import networkx as nx import matplotlib.pyplot as plt G=nx.random_geometri

定制XP的启动界面更换背景图和windows字样

(一)修改带滚动条的界面 1.制作一副640*480的位图,4位16色,大小小于200Kb. 2.该位图的名称为boot.bmp,并将其拷贝到C:/windows根目录下 3.修改boot.ini文件.我的电脑/属性/高级/性能及故障恢复/设置/编辑,修改内容如下 [boot loader] timeout=3 default=multi(0)disk(0)rdisk(0)partition(1)\WINDOWS [operating systems] multi(0)disk(0)rdisk(

VS2013更换背景图插件开发-WPF

效果如上: 第一步: 下载:sdk和thems插件,可以在扩展管理器里面,也可以在我提供的这里http://pan.baidu.com/s/1dFdYrXB,win10不支持thems我提供有修改好的支持的链接:http://pan.baidu.com/s/1qXE9x1M 里面有全透明的主题以及此文的源代码:我一直不知道文章应该 不应该 给出源码,可是有时候我读别人的文章就想要源码,因为step by step出了问题.所以我尽量都给出 第二部: 新建插件工程 可以参考我的这篇经验:http:

js 更换背景图

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{margin: 0;padding: 0} body{background: #dddddd} #div1{ width: 100%; height: 10

【PHP 基础类库】Prototype 原型版教学文章!

前言 大家好我是:石不易,今天我为大家带来了PHP基础类库原型版的教学文章,至此本人的作品线已分为三大类,分别是:JavaScript前端框架(封装库).PHP模板引擎.以及PHP基础类库.该类库历时断断续续的开发了接近3个来月,期间有大段的空档时期没有开发,因此很惭愧一直拖到至今才算发布也了却了一桩心事.该类库主要分为5大模块,分别是:数据库操作模块.分页模块.文件上传模块.缩略图模块 以及 验证码模块. 获取 此文章为该类库的教学部分,会通过若干个实例源码讲解,来教大家学习使用本类库.在此之

《卡死你3000》之表情包斗图乐

<卡死你3000>简介 项目地址:https://gitee.com/chuanjiao10/kasini3000 效果图: 简介: <卡死你3000>是一款开源+免费+比ansible好用10倍的devops自动批量运维系统. 问:卡死你3000和ansible有何异同? 答: 1 ansible和卡死你3000都不需要安装agent,而使用系统agent,都不需要开端口,而使用系统winrm,sshd端口.从这方面来讲,卡死你3000和ansible类似,和Puppet不同.

js 动态生成背景图 GeoPattern

以前有个想法,能不能用JS动态创建CANVAS绘制图案当网页背景,在网络发现有现成的别人已经实现的:GeoPattern 代码如下: <!DOCTYPE html> <html> <head> <title>js 生成随机背景图</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js"></s