Dzwebs.Net

撰写电脑技术杂文十余年

JS随机显示网页图片的简单代码

Admin | 2012-10-24 8:38:23 | 被阅次数 | 9111

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

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

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

  代码如下:

  <script type="text/javascript">

  var m=9;

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

  document.write("<img src=Img/Gif/JSpc/" + n + ".gif border=0>");

  </script>

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

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

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

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

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

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

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


该杂文来自: 网页制作杂文

上一篇:能做Web服务器的常见软件

下一篇:JS创建电子表格、保存Excel、打印、结束电子表格

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计