1. 程式人生 > >html5 會移動的文字(Marquee)

html5 會移動的文字(Marquee)

基本語法

<marquee> ... </marquee>

<marquee>啦啦啦,我會移動耶!</marquee>

+文字移動屬性的設定

方向 <direction=#> #=left, right

<marquee direction=left>啦啦啦,我從右向左移!</marquee> <P><marquee direction=right>啦啦啦,我從左向右移!</marquee>

方式 <bihavior=#> #=scroll, slide, alternate

<marquee behavior=scroll>啦啦啦,我一圈一圈繞著走!</marquee> <P>
<marquee behavior=slide>啦啦啦,我只走一次就歇了!</marquee> <P>
<marquee behavior=alternate>啦啦啦,我來回走耶!</marquee>

迴圈 <loop=#> #=次數;若未指定則迴圈不止(infinite)

<marquee loop=3 width=50% behavior=scroll>啦啦啦,我只走 3 趟喲!</marquee> <P><marquee loop=3 width=50% behavior=slide>啦啦啦,我只走 3 趟喲!</marquee> <P><marquee loop=3 width=50% behavior=alternate>啦啦啦,我只走 3 趟喲!</marquee>

速度 <scrollamount=#>

<marquee scrollamount=20>啦啦啦,我走得好快喲!</marquee>

延時 <scrolldelay=#>

<marquee scrolldelay=500 scrollamount=100>啦啦啦,我走一步,停一停!</marquee>

+ 外觀(Layout)設定

對齊方式(Align) <align=#> #=top, middle, bottom

<font size=6>
<marquee align=# width=400>啦啦啦,我會移動耶!</marquee>
</font>
對齊上沿、中間、下沿。

對齊上沿。

對齊中間。

對齊下沿。

底色 <bgcolor=#>

#=rrggbb 16 進位制數碼,或者是下列預定義色彩:Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua
<marquee bgcolor=aaaaee>啦啦啦,我會移動耶!</marquee>

面積 <height=# width=#>

<marquee height=40 width=50% bgcolor=aaeeaa>
啦啦啦,我會移動耶!
</marquee>

空白(Margins)<hspace=# vspace=#>

********************************************<br>
嗨,
<marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>啦啦啦,我會移動耶!</marquee>
大家好!<br>
********************************************

********************************************
嗨, 大家好!