進階 HTML 語法

第五篇
活用 marquee 的跑馬燈功能 (IE)

適合程度: 初學者 一般程度 進階者 以上均宜
請訂購教學 CD 片
本頁 marquee 的跑馬燈語法:
<!--宣告marquee開始語法,及相關屬性設定-->
<marquee align="middle" direction="right" height="85" width="600">
<!-左圖片語法-->
<img src="bird.gif" width="85" height="78">
<!-中央超連結及文字語法-->
<a target=="_blank" href="../../cd/cd.htm">請訂購教學 CD 片</a>
<!-右圖片語法-->
<img src="bird.gif" width="85" height="78">
<!--宣告marquee結束語法-->
</marquee>
上面這個案例,我是再用 Table 語法將他包裹整理過,您可以參考辦理。

其他 marquee 相關參數:
<marquee loop="n" align="top/middle/bottom" bgcolor="rrggbb" direction="left/right" behavior="slide/scroll/alternat" scrollamount="n" scrolldelay="s" height="pixel" width="pixel" vspace="pixel" hspcae="pixel">
文字或圖片元件放置區
</marquee>
各參數說明 :【捲動元件】可為文字、表格或圖片等
註:"xx/xxxx/xxxx" 表示可以三者選其一;n="數字"、s="千分之一秒"、pixel="像素或百分比"
loop="n"   用來設定捲動元件捲動次數,若設為 infinite 表示無限次(內定值)。
align=   用來設定捲動元件與捲幕的對齊方式,top 上方(內定值)、 middle 中間、 bottom 下面。
bgcolor="rrggbb"   背景顏色 十六進位值,內定值為目前網頁的背景色。
direction=   文字由左往右《right》或是右往左《left 內定》方向移動。
behavior=   捲動方式,scroll 正常捲動(內定值)、 slide 移動到底便停止、alternate 左右移動 。
scrollamount="pixel"   用來設定捲動元件的移動間隔 ,內定值會根據瀏覽器自動調整。
scrolldelay="s"   用來設定捲動元件的時間延遲 ,內定值瀏覽器會自動設定。
height="pixel"   用來設定捲動元件之高度,內定值與捲動元件同高。
width="pixel"   用來設定捲動元件之寬度,內定值與螢幕同寬。
vspace="pixel"   用來設定捲動元件上下留多少空白,內定值瀏覽器會自動調整 。
hspcae="pixel"   用來設定捲動元件左右留多少空白 ,內定值瀏覽器會自動調整。

運用說明:
我們只要在 <marquee></marquee> 間,加入任何想秀的(動畫)圖片,就能讓跑馬燈變成動畫。
在網頁中,適當的運用本語法,可帶來吸引注意力的動態效果。
使用本語法時,最後請再用 Netscapt 瀏覽器來檢視一下差異處。

注意事項:
很可惜的是,本功能語法只支援 IE 及 FF 瀏覽器,但大部份不會影響整體外觀。
本語法會自動換行,不用再加 <BR> 標籤。

如何完整取得所有資料:
如果您想完整取得電子報內所有檔案資料,我們提供燒錄光碟片給您 Go
凡加入教學或教材會員者,均可獲得以下乙份完整的資料光碟。
詳細內容:語法教學第一電子報第二電子報第三期電子報網頁圖窟

結論與建議:
本站所有報導資料,歡迎網友加入鏈結或轉載內容,惟請保留文章完整,並註明此 引用來源 ,謝謝您的支持與配合。
本報每篇報導都花上 8 小時以上搜集、整理及撰稿,絕對值得初學者或想徹底學會 HTML 語法網友永久保存。
強烈建議您 學會 HTML 語法 ,她真的簡單易學,懂了她您就能駕馭她,讓您使用所見即所得軟體更得心應手。
本報導屬於完全免費性質, 索取教材資料 屬個人自由意願,而回饋給您的光碟片,則是我們的誠意而已
一篇保證前所未見的 HTML 教學課程,絕對是您學習 HTML 的好教材,強烈建議您進入實際體驗一下。
本電子報報導資料,未來將繼續每隔 30 日發表一次,以嘉惠更多想學會 HTML 網友,歡迎 繼續訂閱
本報導內容或資料,因限人力、時間,非教學會員,不接受任何疑惑解答,敬請見諒。