活動字幕,也稱為滾動看板、滾動字幕。活動字幕的使用使得整個網頁更有動感,顯得非常生氣。現在的網站中也越來越多地使用活動字幕來加強網頁的互動性。用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)!