很多时候我们希望我们的广告或者我们的页面图片每次刷新页面随机显示不同的内容或者图片,如何实现呢?其实很简单,下面代码就能实现:
<script language=javascript> var m=5; //共几个Banner随机显示 var n=Math.floor(Math.random()*m+1) switch(n) { case 1: document.write('Banner1的HTML'); break; case 2: document.write('Banner2的HTML'); break; case 3: document.write('Banner3的HTML'); break; case 4: document.write('Banner4的HTML'); break; case 5: document.write('Banner5的HTML'); break; } </script>
从上面的JS代码里我们可以看出,随机显示5条记录里的某一条banner记录。
如果需要可以换成确切的广告图片来实现:
<SCRIPT LANGUAGE="javascript"> <!-- Begin var how_many_ads = 3; var now = new Date() var sec = now.getSeconds() var ad = sec % how_many_ads; ad +=1; var txt; if (ad==1) { txt="banner01"; url="http://www.vevb.com"; alt="服务器软件"; banner="http://img.jb51.net/imgby/server.gif"; width="300"; height="96"; } if (ad==2) { txt="banner02"; url="http://www.vevb.com"; alt="服务器软件"; banner="http://img.jb51.net/imgby/server468.gif"; width="468"; height="60"; } if (ad==3) { txt="banner03"; url="http://www.vevb.com"; alt="服务器软件"; banner="http://img.jb51.net/imgby/server.gif"; width="300"; height="96"; } document.write('<center>'); document.write('<a href="' + url + '" target="_top">'); document.write('<img src="' + banner + '" width=') document.write(width + ' height=' + height + ' '); document.write('alt="' + alt + '" border=0><br>'); document.write('<small>' + txt + '</small></a>'); document.write('</center>'); // End --> </SCRIPT>
新闻热点
疑难解答