HTML 09: 會移動的文字(Marquee)

來源:互聯網
上載者:User
文章目錄
  • <marquee> ... </marquee>
  • 方向 <direction=#> #=left, right
  • 方式 <bihavior=#> #=scroll, slide, alternate
  • 迴圈 <loop=#> #=次數;若未指定則迴圈不止(infinite)
  • 速度 <scrollamount=#>
  • 延時 <scrolldelay=#>
  • 對齊(Align) <align=#> #=top, middle, bottom
  • 底色 <bgcolor=#>
  • 面積 <height=# width=#>
  • 空白(Margins)<hspace=# vspace=#>
會移動的文字(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>

啦啦啦,我只走 3 趟喲!

啦啦啦,我只走 3 趟喲!

啦啦啦,我只走 3 趟喲!

 

速度 <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>
********************************************

********************************************
嗨, 啦啦啦,我會移動耶!大家好!
********************************************

 

 對齊下沿。對齊中間。對齊上沿。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.