1. 爱易网页
  2. HTML教程
  3. 怎么实现这个功能

怎么实现这个功能

日期：2014-05-17　 浏览次数：20817 次

如何实现这个功能？
在网页中插入一个image，希望在每次访问或者刷新页面的时候，这个image能够显示不同的图片？

------解决方案--------------------
不知道这个对楼主有没有帮助：

《随机显示图片脚本》
脚本说明:
把如下代码加入 <body> 区域中
<SCRIPT language= "JavaScript "> <!--

today=new Date();

jran=today.getTime();


function rnd() {


ia=9301;

ic=49297;

im=233280;


jran = (jran*ia+ic) % im;

return jran/(im*1.0);

};


function rand(number) {


return Math.ceil(rnd()*number);

};


document.write( " <CENTER> ");

for(i=1;i <=1;i++) {

myNum=(rand(10)); //改成你要随机显示的图片数；

if(myNum == 1) document.write( " <img src= 'back.jpg '> ");

if(myNum == 2) document.write( " <img src= 'j2.gif '> "); //图片路径，可用http://

if(myNum == 3) document.write( " <img src= 'email.gif '> ");

if(myNum == 4) document.write( " <img src= 'arrow.gif '> ");

if(myNum == 5) document.write( " <img src= 'j2.gif '> ");

if(myNum == 6) document.write( " <img src= 'email.gif '> ");

if(myNum == 7) document.write( " <img src= 'arrow.gif '> ");

if(myNum == 8) document.write( " <img src= 'j2.gif '> ");

if(myNum == 9) document.write( " <img src= 'back.jpg '> ");

if(myNum == 10) document.write( " <img src= 'email.gif '> ");

else {

document.write();

}
};
document.write( " </CENTER> ");
//-->


</SCRIPT>

相关资料更多>

  1. HTML5和CSS3的一些新变化
  2. 增添/修改Eclipse中HTML、JSP等模板
  3. 这样也有错？多了一个<DOCTYPE HTML PUBLIC "//W3C//DTD HTML 4.01//EN">该怎么处理
  4. 有什么办法把一个网站html -js-css文件都上载到本地
  5. 23 网页设计中应用深颜色的例子
  6. struts 一 中 <html:form>
  7. html5画布Canvas(2)
  8. 获取图片地址解决思路
  9. 打印时显示,不打印时不显示的css如何写