DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Javascript 靜態頁面實現隨機顯示廣告的辦法
Javascript 靜態頁面實現隨機顯示廣告的辦法
編輯:關於JavaScript     
首先,要實現生成n以內不重復的隨機數,並將產生的隨機數放入另一個Array中,用以下方法來完成:
復制代碼 代碼如下:
function getRandomNumbers(count)
{
var numbers = new Array();
var original = new Array();
for (var i=0;i<count;i++)
{
original[i] = i+1;
}
original.sort(function(){ return 0.5 - Math.random(); });
for (var i=0;i<count;i++)
{
numbers[i] = original[i] - 1;
}
return numbers;
}

然後,在後台程序中,輸出html腳本:
復制代碼 代碼如下:
var sf = new Array();
sf[0]='<tr><TD width=120><a href=# target=_blank>服務器名稱</a></TD><TD width=110><a href=http://sc.jb51.net target=_blank>服務器IP</a></TD><TD width=160>開區時間</TD><TD align=center width=95>線路類別</TD><TD>版本介紹</TD><TD width=105>客服QQ</TD><TD align=center width=55><a href=# target=_blank><font color=#000000>詳細介紹</font></a></TD></tr>';
sf[1]='<tr><TD width=120><a href=# target=_blank>服務器名稱</a></TD><TD width=110><a href=http://s.jb51.net target=_blank>服務器IP</a></TD><TD width=160>開區時間</TD><TD align=center width=95>線路類別</TD><TD>版本介紹</TD><TD width=105>客服QQ</TD><TD align=center width=55><a href=# target=_blank><font color=#000000>詳細介紹</font></a></TD></tr>';

再用之前的方法,生成隨機數,並且按隨機數把html腳本顯示出來。
復制代碼 代碼如下:
var numbers = getRandomNumbers(sf.length);
for( i=0;i<numbers.length;i++ )
{
document.write(sf[numbers[i]]);
}
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved