學習參考書JavaScript精緻範例辭典

回首頁 與我們連絡 網站地圖 加入我的最愛


 

定時更換廣告圖片

如果您的網頁中有很多交換連結或有很多廣告BANNER要放置,這個小小的JAVAScript應該可以幫你個小忙!這個小程式不但會定時更換圖片,同時也會更新圖片的超鏈結,所以你在設定圖片的鏈結網址時要特別小心!不要把鏈結網址弄錯了。


步驟一:用滑鼠將底下的一拖拉庫程式碼(藍色的喔),標記起來,按滑鼠右鍵選擇【複製】〈游標不能離開標示起來的反白區喔〉將以下的控制碼先複製起來。

步驟二:然後在網頁中的 </HEAD> 之前按滑鼠右鍵選擇【貼上】將剛剛複製的東東貼上!(其實只要把程式碼貼在<HEAD></HEAD>標記中間任何一個地方都可以啦!)

步驟三:將原始碼中橘色地方的內容改成你廣告Banner要鏈結的網址(要對應好喔!)

步驟四:<BODY></BODY>標記中間你要放置廣告Banner的地方加上下列網頁敘述!

<CENTER>
<A HREF="javascript:clickBanner();">
<IMG NAME="ListImage" SRC="banner1.gif" BORDER="0">
</A>
</CENTER>

步驟五:網頁中的<BODY>標記要改寫成<BODY onLoad="setTimeout('rotateBanner()',1000);" >,這樣才能正確動作哦!大功告成!

 
<HTML>
<HEAD>

<SCRIPT LANGUAGE="JavaScript">
bannerNum = 1

theImages=new Array()
for(i=1; i<5; i++){ 
//數字5,但圖片編號為1~4
theImages[i]=new Image()
theImages[i].src="icon"+i+".gif" 
//icon為連續圖檔的前置檔名,可自行更改
}

function clickBanner(){
if(bannerNum == 1){
window.location="
http://gb.twbts.com"
}
if(bannerNum == 2){
window.location="
http://gb.twbts.com"
}
if(bannerNum == 3){
window.location="
http://gb.twbts.com"
}
if(bannerNum == 4){
window.location="
http://www.twbts.com/"
}

}

function rotateBanner() {
bannerNum++
if(bannerNum > 4){ 
//4為圖片的數量
bannerNum = 1
}
document.ListImage.src=theImages[bannerNum].src
setTimeout("rotateBanner()",3000); 
//3000 為圖片切換的時間,1000個單位為一秒鐘
}
</SCRIPT>

</HEAD>

<BODY onLoad="setTimeout('rotateBanner()',1000);">

<CENTER>
<A HREF="javascript:clickBanner();">
<IMG NAME="ListImage" SRC="banner1.gif" BORDER="0">
</A>
</CENTER>

</BODY>
</HTML>

JavaScript 文件
鏈結圖片切換
簡易月曆
隨機背景底圖
蹦出式廣告視窗
觸控式背景色轉換
游標跑馬燈
鏈結說明跑馬燈
文字鏈結提示說明
四處移動的圖片
圖片式進站時間
簡易線上占卜
文字拉把遊戲
圖片拉把遊戲
定時更換圖片(1)
定時更換圖片(2)
項目導覽說明
上下震動與捲動頁面
飛行定位文字
旋轉飛行文字
幻化隱現文字
漫天飛舞
落葉片片
浮動鏈結選單
側拉式鏈結選單
友站連結/快速選單
 

本網頁內容由昱得資訊工作室楊宗誌(小誌 )製作(C) Copyright Valor-Studio since in 1993
非經正式書面同意,不得將全部或部分內容,以任何方式轉載於其他網站或用於任何商業行為