跑馬燈| 屬性 | |
| 跑馬燈不只只能向左跑，還可以改變 方向、速度... 還有設定範圍的的寬高，只要在標籤中加上「屬性」就可控制。 | |
| 加在那兒？ | |
| <marquee 加在這> 要跑的文字 </marquee> | |
| 註：加屬性前記得按一格「空白鍵」， 〝空格〞 是「屬性」與「屬性」間的分段，你可以任意組合使用。 | |
屬 性 一 覽 表
| ||||
屬 性
|
其 他 說 明
|
範 例
|
範 例 的 完 整 語 法
| |
| 對齊 align="top" | 齊上 top 居中 midden 齊下 botton | |||
| 方向 direction="up" | 左 left 右 right 上 up 下 dun | <marquee direction="up" height="50" scrollamount="1"> 要跑的文字</marquee> | ||
| 行為behavior="altemate" | 左右來回 alternate 進入後停止slide 反覆 scroll | <marquee behavior="alternate"> 要跑的文字</marquee> | ||
| <marquee behavior="slide"> 要跑的文字</marquee> | ||||
| (備註：一般反覆scroll的指令不用寫，因為那是預設) | ||||
| 高 height="高的數字" | (跑馬燈區域的高度) | |||
| 寬 width="寬的數字" | (跑馬燈區域的寬度) | |||
| 速度 scrollamount="1" | 中間的數字是 「滑動步伐的寬」 | <marquee scrollamount="1"> 要跑的文字</marquee> | ||
| <marquee scrollamount="5"> 要跑的文字</marquee> | ||||
| 背景色 bgcolor="#0022FF" | "#0022FF"是HTML色碼，兩個 兩個為一組，由00~99,AA~FF所組成，代表紅R、綠G、藍B， 數字越小越深，數字越大越亮。 例：紅 #FF0000，綠 #00FF00，藍 #0000FF，黃 #FFFF00，紫 #9966CC，....。 | |||
| 圖片也可以跟著跑 | |||
| 在跑馬燈<marquee> 標籤開始 至</marquee>結尾，中間所包含的物件 都會跟著跑，包含文字、圖形、超連結... | |||
| 範例： | |||
| 寫法： | |||
| |||
| 【說明】 | |||
| 註1. 顯示圖形的HTML是：<img src="圖形的http位置"> | |||
例：我要顯示這張小圖→ | |||
| 假設我已把這張叫做「INDEX_LOGOME2.GIF」的圖上傳 放到我的http://www.liu-may.com網站空間的「img」裡， | |||
| 所以圖的絕對路徑位置是「http://www.liu-may.com/img/INDEX_LOGOME2.GIF」 | |||
| 那麼要顯示這張圖的HTML寫法就是↓ | |||
| <img src="http://www.liu-may.comimg/INDEX_LOGOME2.GIF "> | |||
| 註2. 超連結的HTML是：<a href="連結的http位置">名稱</a> | |||
| target="_blank" 表示超連結開啟方式是「開在新視窗 」 | |||
| 例：我想要超連結到「奇摩」，並且開在新視窗，而奇摩的網址是「http://tw.yahoo.com」 | |||
| 那麼這段超連結的HTML寫法是： | |||
| <a href="http://tw.yahoo.com" target="_blank"> 奇摩 </a> | |||
| 滑鼠移入就會停止的跑馬燈 | ||
範例：
| ||
| 寫法： | ||
| ||
| 【說明】 | ||
| onMouseOver="this.stop()" 表示滑鼠移入〝範圍區〞既「停止」 | ||
| onMouseOut="this.start()" 表示滑鼠離開便「跑動」 | ||
| 在stop與start後面的『 ( 』與『 ) 』，是鍵盤上數字健9與0上方的那個括弧符號，不是數字〝零〞喲 ^.^ | ||
| PS：以上跑馬燈 整段HTML要改的只有〝要跑的文字〞 ^_^ | ||
資料來源http://www.liu-may.com/notebook/html/01marquee.htm
發表文章
0 意見:
張貼留言
留個一針見血的評論吧!