教你用好活動字幕標記--Marquee

來源:互聯網
上載者:User
 活動字幕,也稱為滾動看板、滾動字幕。活動字幕的使用使得整個網頁更有動感,顯得很有生氣。現在的網站中也越來越多地使用活動字幕來加強網頁的互動性。用javascript編程可以實現活動字幕效果;用Dreamweaver的圖層再用其時間軸功能可以做出非常漂亮的滾動看板。而用HTML的<marquee>活動字幕標記所需的代碼最少,確實能夠以較少的下載時間換來較好的效果。該標記文法格式如下:


   <marquee
  aligh=left|center|right|top|bottom
  bgcolor=#n
  direction=left|right|up|down
  behavior=type
  height=n
  hspace=n
  scrollamount=n
  Scrolldelay=n
  width=n
  VSpace=n
  loop=n>
 

  可以看出由於活動字幕的顯示方式多種多樣,可選的參數也很多。下面解釋一下各參數的含義:
  align:是設定活動字幕的位置,不過除了居左、置中、居右三種位置外,又增加靠上(align=top)和靠下(align=bottom)兩種位置。
  Bgcolor:用於設定活動字幕的背景顏色,一般是十六進位數。
  Direction:用於設定活動字幕的滾動方向是向左、向右、向上、向下。
  Behavior:用於設定滾動的方式,主要由三種方式:behavior="scroll"表示由一端滾動到另一端;behavior="slide":表示由一端快速滑動到另一端,且不再重複; behavior="alternate"表示在兩端之間來復原動。
  Height:用於設定滾動字幕的高度。
  Width:則設定滾動字幕的寬度。
  Hspace和vspace:分別用於設定滾動字幕的左右邊框和上下邊框的寬度。
  Scrollamount:用於設定活動字幕的滾動距離。
  scrolldelay:用於設定滾動兩次之間的延遲時間。
  Loop:用於設定滾動的次數,當loop=-1表示一直滾動下去,直到頁面更新。
  <marquee>標記的預設情況是向左滾動無限次,字幕高度是文本高度,滾動範圍:水平滾動的寬度是當前位置的寬度;垂直滾動的高度是當前位置的高度。

  應用技巧
  1、全取預設值,所用代碼最少,請看下面的例子
  這個滾動字幕全取預設值,原始碼:<marquee>這裡寫字幕內容</marquee>,代碼是不是很少?

  2、垂直滾動
  只要加上diriction="up"就行了,如<marquee direction="up" >這裡寫字幕內容</marquee>。

  3、多行文本的活動字幕
  由於<mqrquee>標記只能作用於一段文本,因此多行活動字幕,分行時只能用<br>標記,不能用<p>標記。
  樣本原始碼:

   <marquee>
  活動字幕內容第一行<br>
  活動字幕內容第二行<br>
  活動字幕內容第三行<br>
  </marquee>
 

  4、在字幕內容中加入圖象
  <marquee>雖是一個活動字幕標記,但它允許在其中加入圖象。下面是一個加入了圖片的代碼: <marquee><img src="http://edu.cnzz.cn/NewsInfo/image/a2ball.gif" width="17" height="16">這是加入圖象的活動字幕</marquee>

  5、在Dreamweaver中使用<marquee>標記
  Dreamweaver不能在編輯窗中直接加入marquee標記,但可在原始碼檢視器中加入<marquee>標記,然後在編輯窗中編輯活動字幕的內容即可。
  <marquee>標記的參數較多,在應用中要把握一個原則,能用預設值就不要再設定參數值,用什麼參數就設定該參數的值,其它參數就不要再設定,以把代碼控制在最少的範圍內。



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

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

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