[HTML] 跑馬燈 性

kayin

跑馬燈可以有很多變化，只要你了解一些關於跑馬燈的 HTML 語言...

跑馬燈的基楚 HTML：

1. <marquee>要跑的文字或物件</marquee>

複製代碼

HTML 標籤語言通常是配對的，
跑馬燈是以 <marquee> 開始，</marquee> 結尾，
在標籤語言中間所包含的就是要"跑"的東西。
註 ：HTML中"<"與">"符號，是鍵盤上的"大於"、"小於"那個符號， 不是注音符號中的"括弧"喔!  

屬性

跑馬燈不只只能向左跑，還可以改變 方向、速度... 還有設定範圍的的寬高，只要在標籤中加上「屬性」就可控制。
加在那兒？
<marquee 加在這 > 要跑的文字 </marquee>
註：加屬性前記得按一格「空白鍵」，"空格"是「屬性」與「屬性」間的分段，你可以任意組合使用。

============================================

對齊

align="top"
齊上 top
居中 midden
齊下 botton

============================================

方向
direction="up"
左 left
右 right
上 up
下 dun

1. <marquee direction="up" height="50" scrollamount="1">要跑的文字</marquee>

複製代碼

============================================

行為

behavior="altemate"
左右來回 alternate
進入後停止slide
反覆 scroll

1. <marquee behavior="alternate">要跑的文字</marquee>
   
2. <marquee behavior="slide">要跑的文字</marquee>

複製代碼

(備註：一般反覆scroll的指令不用寫，因為那是預設)

============================================
高 height="[/color:f3928f5889]高的數字[/color:f3928f5889]"[/color:f3928f5889]
[code:f3928f5889](跑馬燈區域的高度)[/code:f3928f5889]

============================================
寬 width="[/color:f3928f5889]寬的數字[/color:f3928f5889]"[/color:f3928f5889]
[code:f3928f5889](跑馬燈區域的寬度)[/code:f3928f5889]

============================================
速度 scrollamount="[/color:f3928f5889]1[/color:f3928f5889]"[/color:f3928f5889]
[code:f3928f5889]中間的數字是「滑動步伐的寬」[/code:f3928f5889]
[quote]<marquee scrollamount="1"> 要跑的文字</marquee>[/quote:f3928f5889]
[quote]<marquee scrollamount="5"> 要跑的文字</marquee>[/quote:f3928f5889]

============================================
背景色 bgcolor="[/color:f3928f5889]#0022FF[/color:f3928f5889]"[/color:f3928f5889]
[code:f3928f5889]"#0022FF"是HTML色碼，兩個 兩個為一組，由00~99,AA~FF所組成，代表紅R、綠G、藍B，數字越小越深，數字越大越亮。
例：紅[/color:f3928f5889] #FF0000，綠[/color:f3928f5889] #00FF00，藍[/color:f3928f5889] #0000FF，黃[/color:f3928f5889] #FFFF00，紫[/color:f3928f5889] #9966CC，....。[/code:f3928f5889]

============================================

圖片也可以跟著跑[/size:f3928f5889]

在跑馬燈<marquee> 標籤開始 至</marquee>結尾，中間所包含的物件 都會跟著跑，包含文字、圖形、超連結...  

寫法：
[code:f3928f5889]<marquee>
<img src="圖形的http位置" width="圖寬" height="圖高">
<a href="超連結的網址" target="_blank">要超連結的文字</a>
</marquee>[/code:1:f3928f5889]
【說明】

註1[/b:f3928f5889]. 顯示圖形的HTML是：<img src="圖形的http位置">[/color:f3928f5889]  
　 　例：我要顯示這張小圖→
　　　　 假設我已把這張叫做「INDEX_LOGOME2.GIF」的圖上傳 放到我的http://www.liu-may.com網站空間的「img」裡，
　　　　所以圖的絕對路徑位置是「」
　　　　那麼要顯示這張圖的HTML寫法就是↓
　　　　<img src="http://www.liu-may.comimg/INDEX_LOGOME2.GIF ">[/color:f3928f5889]

註2[/b:f3928f5889]. 超連結的HTML是：<a href="連結的http位置">[/color:f3928f5889]名稱[/color:f3928f5889]</a>[/color:f3928f5889]
　　target="_blank" [/color:f3928f5889]表示超連結開啟方式是「開在新視窗 」
　　 　例：我想要超連結到「奇摩[/color9]」，並且開在新視窗，而奇摩的網址是「http://tw.yahoo.com」
　　 　　　那麼這段超連結的HTML寫法是：
　　 　　　<a href="http://tw.yahoo.com" target="_blank">[/color:f3928f5889] 奇摩[/color:f3928f5889] </a>[/color:f3928f5889]

============================================

滑鼠移入就會停止的跑馬燈[/size:f3928f5889]
寫法：
[code:f3928f5889]<marquee [b:f3928f5889] height="50" direction="up" scrolldelay="4" scrollamount="1">[/color:f3928f5889]要跑的文字[/color:f3928f5889]</marquee>[/color:f3928f5889][/code:f3928f5889]

【說明】
表示滑鼠移入〝範圍區〞既「停止」
表示滑鼠離開便「跑動」
在stop與start後面的『 ([/b:f3928f5889] 』與『 )[/b:f3928f5889] 』，是鍵盤上數字健9與0上方的那個括弧符號，不是數字〝零〞喲 ^.^  
PS：以上跑馬燈 整段HTML要改的只有〝要跑的文字[/color:f3928f5889]〞 ^_^

kayin

Microsoft Internet Exploer專有之<Marquee>跑馬燈 範 例 一：最簡單的語法 <MARQUEE>MARQUEE最簡單的語法</MARQUEE> 範 例 二：加上背景顏色 <MARQUEE bgcolor="#aaff00">這裡加上背景顏色，顏色可以自己修改</MARQUEE> 範 例 三：加上寬度、高度，height=30%指占螢幕畫面高度的百分比，width=70%指占螢幕畫面寬度的百分比 <CENTER> <MARQUEE width=50% height=30% bgcolor="#aaff00">這裡加上高度和寬度</MARQUEE> </CENTER> 範 例 四：加上DIRECTION=RIGHT可使由右到左的的文字變成由左到右，預設是LEFT <MARQUEE bgcolor="#aaff00" DIRECTION=RIGHT>這裡的文字是由左到右喔</MARQUEE> 範 例 五：加上LOOP可設定捲動的次數 <MARQUEE bgcolor="#aaff00" LOOP=2>這裡的文字只會捲動兩次</MARQUEE> 範 例 六：加上BEHAVIOR可設定不一樣的捲動效果，分別有SCROLL、SLIDE、ALTERNATE三種 <MARQUEE bgcolor="#aaff00" BEHAVIOR=SCROLL>這裡的文字捲動效果為SCROLL，為內定選項</MARQUEE> <MARQUEE bgcolor="#aaff00" BEHAVIOR=SLIDE>這裡的文字捲動效果為SLIDE，當文字碰到左邊就會停止</MARQUEE> <MARQUEE bgcolor="#aaff00" BEHAVIOR=ALTERNATE>這裡的文字捲動效果為ALTERNATE，會在左右兩邊彈來彈去</MARQUEE> 加上SCROLLDELAY可設定文字跑的速度 <MARQUEE bgcolor="#aaff00" SCROLLDELAY=1000>這裡的文字SCROLLDELAY=1000亳秒</MARQUEE> 加上SCROLLAMOUNT可設定文字跨的步伐大小 <MARQUEE bgcolor="#aaff00" SCROLLAMOUNT=10>這裡的文字SCROLLAMOUNT=10像素</MARQUEE> [b:abb3fb3f27]Marquee設定值說明[/color:abb3fb3f27] behavior = alternate, scroll, slide 捲動方式 direction = left, right, up, down 捲動方向 loop = n, infinite 捲動次數 height, width = n 長寬 scrollAmount = n 移動距離間距(預設為 6) scrollDelay = n 移動時間間距(預設為 85) trueSpeed = true/false (預設為 false)