<< 免申請，簡單好用又好玩的POQUE！(個人使用教學分享) | 回blog首頁 | 2006灌籃大賽-飛越人頭灌籃影片(可怕的矮個兒) >>

2006年02月22日

簡單HTML跑馬燈語法(IE-Only？FireFox部分可適用！)

只需要利用簡單的<MARQUEE>標籤，

便可簡單地作出跑馬燈的效果喔！


Marquee也就是大家常說的跑馬燈，必須說明的是此一指令目前只有微軟的IE有支援！(經本人測試FireFox卻一樣可“部分適用”？)
其語法如下：

<MARQUEE
 [ ALIGN = left | center | right | top | bottom ]
　　[ BEHAVIOR = scroll | slide | alternate ]
　　[ BGCOLOR = colorvalue ]
　　[ DIRECTION = left | right ]
　　[ HEIGHT = lenght ]
　　[ HSPACE = pixels ]
　　[ LOOP = number | infinite ]
　　[ SCROLLAMOUNT = pixels ]
　　[ SCROLLDELAY = milliseconds ]
　　[ VSPACE = pixels ]
　　[ WIDTH = lenght ] >…跑馬燈內容…
</MARQUEE>

  • ALIGN：用來指定文字對齊跑馬燈方框的位置，預設值是靠左(left) 。
  • BEHAVIOR：指定捲動的方式。scroll會等文字整個捲出跑馬燈的一端後，再從另一端出現；slide是以展示幻燈片的方式呈現文字；alternate會讓文字在左右範圍之間來 回移動。預設值是scrol1。
  • BGCOLOR：指定跑馬燈的背景顏色，可用16進位RGB值或色彩名稱。
  • DIRECTION：指定文字移動的方向，預設值是left，表示由右向左移動。
  • HEIGHT：以像素值( 如HEIGHT=200)來設定跑馬燈的高度。
  • WIDTH：以像素值( 如WIDTH=500)或視窗的百分比值(如WIDTH="80%) 來設定跑馬燈的寬度。
  • LOOP：指定跑馬燈捲動的次數，譬如LOOP=s可捲動五次，LOOP=infinite， ( 或LOOP=-1) 則會永不停止 。
  • SCROLLAMOUNT：設定跑馬燈文字每次更新畫面時的位移距離，以像素值為單位。
  • SCORLLDELEY：設定跑馬燈每次更新畫面之間的暫停時間，以千分之一秒為單位。

※實際應用※

<MARQUEE bgcolor="色碼">這裡加上背景顏色，顏色可以自己改喔</MARQUEE>
範例：
這裡加上背景顏色，顏色可以自己改喔

<MARQUEE DIRECTION="RIGHT">這裡的文字是由左到右喔</MARQUEE>
範例：
這裡的文字是由左到右喔

<MARQUEE SCROLLAMOUNT="3" DIRECTION="UP">這裡的文字是由下到上喔</MARQUEE>
範例：
這裡的文字是由下到上喔

<MARQUEE LOOP="2">這裡的文字只會捲動兩次</MARQUEE>
範例：(IE-Only)
這裡的文字只會捲動兩次

<MARQUEE BEHAVIOR="SCROLL">這裡的文字捲動效果為SCROLL，為內定選項</MARQUEE>
範例：
這裡的文字捲動效果為SCROLL，為內定選項

<MARQUEE BEHAVIOR="SLIDE">文字碰到左邊就會停止</MARQUEE>
範例：(IE-Only)
文字碰到左邊就會停止

<MARQUEE BEHAVIOR="ALTERNATE">這裡的文字會在左右兩邊彈來彈去</MARQUEE>
範例：
這裡的文字會在左右兩邊彈來彈去

<MARQUEE SCROLLAMOUNT="50">這裡的速度快</MARQUEE>
範例：
這裡的速度快

<MARQUEE SCROLLAMOUNT="1">這裡的速度慢</MARQUEE>
範例：
這裡的速度慢

※特殊應用 IE-Only※(波浪斜跑的字)

<marquee><marquee direction="up" behavior="alternate" width="400" height="100">跑來跑去很好玩</marquee></marquee>
範例：
跑來跑去很好玩

參考相關資料：(部份內容轉貼)
戲院看板 -- Marquee
語法教學


Posted by yam_tony1861 at 樂多Roodo! │16:05 │回應(2) │引用(1) │╔ HTML
樂多分類：網路/3C 共同主題：BLOG 常用HTML語法 工具：編輯本文
Ads by Roodo! 

引用URL

http://cgi.blog.roodo.com/trackback/1157566
引用列表:
如果你想設一個跟我的招牌（banner）下，一樣的移動字幕（/ 跑馬燈），很簡單喔。(2006-04-05 增修)
移動字幕＜marquee＞【孤獨的島嶼】 at 2006年04月7日 19:47
回應文章
很棒哦，請問色碼要如何改，我對html不太了解，
或許你需要這個：
http://www.gland.com.tw/www/power/colorpicker/

<MARQUEE BEHAVIOR="ALTERNATE" bgcolor="色碼(範例：#93FF39)">這裡的文字會在左右兩邊彈來彈去+背景顏色</MARQUEE>
範例：
這裡的文字會在左右兩邊彈來彈去+背景顏色
Posted by erica at 2006年04月14日 01:47
^^我是新手內 可以請問ㄧ下嗎???這段也是加在BLOG的說明裡面嗎?? 只要貼上範例的語法就好了嗎~前面還要加??
Posted by artone at 2007年04月3日 17:12


回最上方