现在的位置: 首页 > 综合 > 正文

随机显示图片的JS代码

2018年05月05日 ⁄ 综合 ⁄ 共 1040字 ⁄ 字号 评论关闭
关于随机显示图片的代码很多,但有的只能在IE下才有效果,如果换在Firefox或其他浏览器下就会失去效果,能做到两全的JS真的很少,今天给大家介绍一个很简单的JS随机显示图片的代码。
以下是代码:
// JavaScript Document
var m=10; //随机显示图片的总数量
var n=Math.floor(Math.random()*m+1)
document.write ("<img src='/banner/banner_"+n+".gif' border=0 galleryimg=no>");
//
  上面代码的意思是图片保存在/banner/文件夹下,根据设置的图片总数量,分别放入10张从banner_01.gif到banner_10.gif的图片,在执行这个JS时,它会随机显示从banner_01.gif到banner_10.gif的图片。
  保存这个JS为banner.js。
在网页相应的地方写入调用代码
以下是代码:
<script language="JavaScript" src="/Js/banner.js"></script>//-->
//调用
这段代码可以在IE和Firefox下有效显示。
简单的JavaScript随机显示图片广告的效果
兼容性:IE6+ FireFox2+ Opera9+

<script>
/******************************************************
* 简单的JavaScript随机显示图片广告的效果  Share JavaScript (http://www.ShareJS.com)
* 使用此脚本程序,请保留此声明
* 获取此脚本以及更多的JavaScript程序,请访问 http://www.ShareJS.com
******************************************************/

var str=new Array("http://www.sharejs.com/code/image/img/1.jpg","http://www.sharejs.com/code/image/img/2.jpg","http://www.sharejs.com/code/image/img/3.jpg");
var a;
a=str[parseInt(Math.random()*(str.length))];
document.write("<img src="+a+">");
</script>

抱歉!评论已关闭.