六合开奖结果现场直播欢迎诸位!收藏本站注 册登 陆
常用三肖中特马:基础知识网络知识操作系统WPS网页制作数据库算法网页成功之路网络安全最新技术古典mid流行midmid背景下载中心
您现在的位置:首页 > 三肖中特马 > 文章页

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

Admin | 2012-10-24 8:38:23 | ReadNums | 5421 | 标签 网页制作 | 打印本页
     

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

  前提条件为:图片均为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这个就不用说了吧,用来显示图片输出的。


问题未解决:在线咨询

网友评论

(访客)
内容实用原创,讲得很好。
20xx年x月x日
(站长)
有问题请在线咨询。
20xx年x月x日