很多時候我們希望我們的廣告或者我們的頁面圖片每次刷新頁面隨機顯示不同的內容或者圖片,如何實現呢?其實很簡單,下面代碼就能實現:
<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.49028c.com"; alt="服務器軟件"; banner="http://img.jb51.net/imgby/server.gif"; width="300"; height="96"; } if (ad==2) { txt="banner02"; url="http://www.49028c.com"; alt="服務器軟件"; banner="http://img.jb51.net/imgby/server468.gif"; width="468"; height="60"; } if (ad==3) { txt="banner03"; url="http://www.49028c.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>
新聞熱點
疑難解答