图片随机出现的HTML代码,JS随机显示网页图片的简单代码

如果你想在网页中显示几张图片中的任何一张，即随机显示图片，那么，可以使用如下很简单的代码。

前提条件为：图片均为gif格式的，存放在网站的Img/Gif/JSpc/目录中。

代码如下：

var m=9;

var n=Math.floor(Math.random()*m+1)

document.write("");

注意，你只需要将如上的代码，放到网页中需要显示图片的地方即可。

下面给出部分代码的解释：

var m=9;　这行代码表示，图片的总数，比如，如果共有九张图片，每次显示一张，那么，m代表图片的总数，此处可自行修改。

n=Math.floor(Math.random()*m+1)；该行代码表示获取一个随机数，该随机数介于1至m之间。

src=Img/Gif/JSpc/　指的是存放网站图片的路径，可自行修改。

+ n + ".gif border=0>");这个指的是通过随机数来构造图片的名称，这样就起到随机显示图片的目的了。

document.write这个就不用说了吧，用来显示图片输出的。

图片随机出现的HTML代码,JS随机显示网页图片的简单代码相关推荐

htmlimg图片加载失败_html网页图片未加载完成或失败时显示默认图片
前言一般一个内容多的网站相对会有比较多的图片文件,但是同时加载这些图片文件或加载失败时会出现空白占位,影响美观,通过脚本控制,可以实现加载需求内容图片时,加载未完成或失败的时候显示一张本地默认图片, ...
php 图片预览原理,JavaScript_纯JS实现的批量图片预览加载功能，1.实现原理直接见代码,需要一 - phpStudy...
纯JS实现的批量图片预览加载功能 1.实现原理直接见代码,需要一张转圈的小图片,需要预览的所有图片默认的位置全是这张小图片,滚轮滚到原图需要出现的位置时候,预览加载替换小图片.实现效果复制代码代码 ...
利用Jquery Lazyload JS插件实现网页图片延迟加载
Jquery Lazyload是一款网页图片延迟加载JS插件,本文介绍该JS的使用方法. 最新的jquery lazyload可以单独使用(即不依赖jquery),本文介绍的是依赖jquery的使用及 ...
html图片轮播怎么写,用js和CSS写图片切换效果（轮播图）
用js和CSS写图片切换效果(轮播图). ** 学习前提** 了解CSS伪类元素,css3过度效果对js拥有基础的了解. 清楚图片切换原理. CSS3轮播图 body{ background:#cc ...
上传至微信服务器端的图片在界面中展示的时候，显示此图片来自公众平台未经允许不可引用，解决办法只需加两行代码
此图片来自公众平台未经允许不可引用上传至微信服务器端的图片在界面中展示的时候如上图不显示图片显示为此图片来自微信公众平台,未经允许不可引用解决办法: 在界面的html页面头部head加入以下这两 ...
php 关闭当前网页代码,js实现关闭网页的代码
本文主要和大家分享js实现关闭网页的代码,希望能帮助到大家.关闭很简单的关闭本页面的方法,没有其他额外的提示:window.opener=null; //返回对创建该窗口的 Window 对象的引用 ...
java下传图片到tomcat服务器后,如何在页面显示,java图片上传服务器及客户端显示图片...
我在上一篇文章SSM+Layui实现文件上传服务器中展示了如何将图片上传至服务器,保存到SQL server数据库中,本篇文章主要讲的是将图片上传到服务器上,保存在服务器的磁盘上,然后将图片路径保存到 ...
android 图片转base64内存变大了_开发者最喜爱的图片编码格式：opencv编码，解码，显示base64图片...
由于图片格式尺寸较大,在互联网上若想传递一张图片,往往会把图片进行格式转换,然后进行数据传输,图片格式往往会转换为base64编码图片 base64编码图片 BASE64编码表 base64编码是 ...
html网页div框架代码,div层仿网页框架布局特效代码
脚本代码(For Alixixi.com)如下: div层仿网页框架布局特效代码 - by 阿里西西 js.alixixi.com * { margin:0; padding:0; list-styl ...

图片随机出现的HTML代码,JS随机显示网页图片的简单代码

图片随机出现的HTML代码,JS随机显示网页图片的简单代码相关推荐

最新文章

热门文章