2009/09/11

在網頁加入「跑馬燈」

最簡單的方法就是「Marquee指令」

語法如下:

<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 : 設定跑馬燈每次更新畫面之間的暫停時間,以千分之一秒為單位。

範例



熊熊寶貝真的好帥啊!

參考網頁: http://www.csie.nctu.edu.tw/~jglee/teacher/marquee.htm

註: 目前FireFoxChrome都支援Marquee指令!

HEMiDEMi Technorati Del.icio.us MyShare個人書籤 加入Yahoo書籤 加入Google書籤 DiggIt!

0 意見: