跑馬燈製作(程式碼)

跑馬燈： <marquee>顯示的跑馬燈文字內容 </marquee>
<marquee behavior='slide'> 滑動 </marquee>
<marquee behavior='scroll'> 預設捲動 </marquee>
<marquee behavior='alternate'> 來回捲動 </marquee>
<marquee direction='down'> 向下捲動 </marquee>
<marquee direction='up'> 向上捲動 </marquee>
<marquee direction='right'> 向右捲動 </marquee>
<marquee direction='left'> 向左捲動 </marquee>
<marquee loop='2'> 捲動次數 </marquee>
<marquee width='180'> 設定寬度 </marquee>
<marquee height='30'> 設定高度 </marquee>
<marquee bgcolor='FF0000'> 設定背景顏色 </marquee>
<marquee scrollamount='30'> 設定捲動距離 </marquee>
<marquee scrolldelay='300'> 設定捲動時間 </marquee>
ALIGN : 用來指定文字對齊跑馬燈方框的位置，預設值是靠左(left) 。
BEHAVIOR : 指定捲動的方式。
　　　　　scroll會等文字整個捲出跑馬燈的一端後，再從另一端出現 ;
　　　　　slide是滑動
　　　　　alternate會讓文字在左右範圍之間來 回移動。預設值是scrol1。
BGCOLOR : 指定跑馬燈的背景顏色，可用16進位RGB值或色彩名稱。
DIRECTION : 指定文字移動的方向，預設值是left，表示由右向左移動。
HEIGHT: 以像素值( 如HEIGHT=200)來設定跑馬燈的高度。
WIDTH : 以像素值( 如WIDTH=500)或視窗的百分比值(如WIDTH="80%) 來設定跑馬燈的寬度。
LOOP : 指定跑馬燈捲動的次數，譬如LOOP=5可捲動五次，LOOP=infinite，( 或LOOP=-1) 則會永不停止。
SCROLLAMOUNT : 設定跑馬燈文字每次更新畫面時的位移距離，以像素值為單位。
SCORLLDELEY : 設定跑馬燈每次更新畫面之間的暫停時間，以千分之一秒為單位。

操作步驟：

1.將要的程式碼做選取複製

2.切換至程式碼檢視模式

3.將程式碼貼至<body></body>標籤之中即可

※也可以修改所要顯示的文字內容

arrow
arrow
    全站熱搜

    unce 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄