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

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


 

定時更換廣告圖片(2)

這個定時動態更換廣告圖片的JAVAScript最適合初入們的網友!雖然廣告圖片可以自行指定,但同時也會使執行的效率降低,如果圖片多的時候就要一個個的指定出來!同時,網頁的體積也就要跟著變大了。

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

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

步驟三:將原始碼中綠色地方的內容改成你廣告Banner圖片檔名

步驟四:將原始碼中橘色地方的內容改成你廣告Banner要鏈結的網址

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

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

<a href="javascript:go()"><img src="icon1.gif" name="imgs"></a>

 
<HTML>
<HEAD>
<TITLE></TITLE>


<SCRIPT Language="JavaScript">
<!--
// Valor工作室小誌 [valor Studio]
var speed = 5000 
//圖片切換時間
var img= new Array()
var url= new Array()
var current = 0

//一張圖片對應一個網址,可無限增加,編號由0開始
img[0] = new Image(); img[0].src = "
icon1.gif"; url[0] = "http://gb.twbts.com
img[1] = new Image(); img[1].src = "
icon2.gif"; url[1] = "http://gb.twbts.com"
img[2] = new Image(); img[2].src = "
icon3.gif"; url[2] = "http://gb.twbts.com"
img[3] = new Image(); img[3].src = "
icon4.gif"; url[3] = "http://www.twbts.com/"


function start() 
{
current++
if(current >=img.length) current = 0
document.imgs.src = img[current].src
setTimeout("start()",speed);
}

function go() 
{window.location = url[current]}
//-->
</SCRIPT>


</HEAD>


<BODY onLoad="setTimeout('start()',speed);">


<a href="javascript:go()"><img src="icon1.gif" name="imgs"></a>



</BODY>
</HTML>

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

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