Plurk FaceBook Twitter 收進你的MyShare個人書籤 MyShare
  顯示內嵌語法

網頁研習室【電子報】自2004年8月份起成立【第三階段】網頁製作系列報導【最新訊息快遞】
如何用JavaScript 製作可以【超連結的捲動文字】訊息特效!
適合程度: 初學者 一般程度 進階者 以上均宜

最新訊息快遞
網頁研習室於2004年8月成立【第三階段】電子報
詳細報導主要內容介紹,請觀看觀下面看捲動文字說明


第一步驟:於<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程式碼內其他部份可以不用更改它。
第八步驟:測試您剛剛完成的檔案,大功告成。
第九步驟:如果還是做不出來,試試下面我做的範例吧。
觀看超連結捲動文字原始碼
第十步驟:歡迎繼續訂閱本報,獲得更多經驗,提升網頁製作水準。
回顧第一階段電子報回顧第二階段電子報先賭第三階段電子報
歡迎您給本報的一個評鑑或製作建議

第三階段93.08.05.發行第301期
前期:有那些方法可以確實固定網頁的位置

© 網頁研習室【電子報】李文能 主編 ©