第一步驟:於<HEAD>與</HEAD>間加入下面這段 JavaScript 程式碼:
<HEAD>
<script language='JavaScript' src='scroller.js'></script>
</HEAD>
請按此下載scroller.js檔案
|
第二步驟:於<BODY>與</BODY>間加入 DIV 定位程式碼:
<!--捲動文字JavaScript程式碼自此開始,限IE Browser使用-->
<DIV ID="elAll" align="left">
<DIV ID="elNews">
</DIV>
</DIV>
<!--捲動文字JavaScript程式碼到此結束,限IE Browser使用-->
|
第三步驟:用電腦內記事本或網頁編輯器,打開scroller.js程式碼:
(略)
|
第四步驟:找到 scroller.js程式碼內這幾段[對應超連結]文字:
arURL = new Array( //修改以下對應超連結文字部份便可
"",
"http://home.pchome.com.tw/soho/leeweng/",
"http://home.pchome.com.tw/soho/leeweng/",
"http://home.pchome.com.tw/soho/leeweng/",
"...........(略)...........,
|
第五步驟:找到 scroller.js程式碼內這幾段[對應秀出來]文字:
arTXT = new Array( //修改以下對應秀出來文字部份便可
"網頁研習室【電子報】重要宣佈:<br>網頁研習室【電子報】自2004年8月5日起成立【第三階段】網頁製作系列報導,內容豐富,歡迎繼續訂閱",
"<img src='computer.gif' border=0 width=10 height=11>網頁研習室第三階段[電子報]陸大主題內容說明",
"<img src='computer.gif' border=0 width=10 height=11>為求更精深詳實報導,第三階段暫改為每月 5日發表一次",
"<img src='computer.gif' border=0 width=10 height=11>本階段預定推初陸大報導主題,篇篇精彩可期,請勿錯過",
"...........(略)...........,
//將<img src='computer.gif' border=0 width=10 height=11>換成您的小圖示
|
第六步驟:往下再找到 scroller.js程式碼內這幾段[標題]文字:
"...........(略)...........,
newsStr = "本報報導主要內容說明: //修改本處中文標題文字部份便可
"...........(略)...........,
|
第七步驟:scroller.js程式碼內其他部份可以不用更改它。
|
第八步驟:測試您剛剛完成的檔案,大功告成。
|
第九步驟:如果還是做不出來,試試下面我做的範例吧。
觀看超連結捲動文字原始碼
|
第十步驟:歡迎繼續訂閱本報,獲得更多經驗,提升網頁製作水準。
⊕回顧第一階段電子報
⊕回顧第二階段電子報
⊕先賭第三階段電子報⊕
⊙歡迎您給本報的一個評鑑或製作建議⊙
|