首頁  >  文章  >  web前端  >  新手學習舊知識(二)HTML用好活動字幕標記mar

新手學習舊知識(二)HTML用好活動字幕標記mar

黄舟
黄舟原創
2016-12-26 15:11:211824瀏覽

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


aligh=left|center|right|top|bottom
bgcolor=#n
direction=left|right|up|down
bepior=#n🎼ight =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表示一直捲下去,直到頁面更新。

  

標記的預設情況是向左滾動無限次,字幕高度是文字高度,滾動範圍:水平滾動的寬度是目前位置的寬度;垂直滾動的高度是目前位置的高度。


  應用技巧

  1、全取預設值,所用程式碼最少,請看下面的範例

  這個滾動程式碼,原始碼很少?

  2、垂直滾動

  只要加上diriction="up"就行了,如

這裡寫字幕內容

  3、多行文本的活動字幕

  由於標記只能作用於一段文本,因此多行活動字幕,分行時只能用

標記,不能用

標記。

  範例原始碼:


活動字幕內容第一行

活動字幕內容第二行

活動字幕內容第三行


圖字幕內容第二行
『雖是一個活動字幕標記,但它允許在其中加入圖象。以下是一個加入了圖片的程式碼: 這是加入圖象的

 以上就是新手學習舊知識(二)HTML用好活動字幕標記mar的內容,更多相關內容請關注PHP中文網(www.php. cn)!


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn