作者:佚名 文章來源:互聯(lián)網(wǎng) 更新時間:2005-3-26 點(diǎn)擊數(shù): 1129
活動字幕,也稱為滾動看板、滾動字幕?;顒幼帜坏氖褂檬沟谜麄€網(wǎng)頁更有動感,顯得很有生氣?,F(xiàn)在的網(wǎng)站中也越來越多地使用活動字幕來加強(qiáng)網(wǎng)頁的互動性。用javascript編程可以實(shí)現(xiàn)活動字幕效果;用Dreamweaver的圖層再用其時間線功能可以做出非常漂亮的滾動看板。而用HTML的<marquee>活動字幕標(biāo)記所需的代碼最少,確實(shí)能夠以較少的下載時間換來較好的效果。該標(biāo)記語法格式如下:
<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>
可以看出由于活動字幕的顯示方式多種多樣,可選的參數(shù)也很多。下面解釋一下各參數(shù)的含義:
align:是設(shè)定活動字幕的位置,不過除了居左、居中、居右三種位置外,又增加靠上(align=top)和靠下(align=bottom)兩種位置。
Bgcolor:用于設(shè)定活動字幕的背景顏色,一般是十六進(jìn)制數(shù)。
Direction:用于設(shè)定活動字幕的滾動方向是向左、向右、向上、向下。
Behavior:用于設(shè)定滾動的方式,主要由三種方式:behavior="scroll"表示由一端滾動到另一端;behavior="slide":表示由一端快速滑動到另一端,且不再重復(fù); behavior="alternate"表示在兩端之間來回滾動。
Height:用于設(shè)定滾動字幕的高度。
Width:則設(shè)定滾動字幕的寬度。
Hspace和vspace:分別用于設(shè)定滾動字幕的左右邊框和上下邊框的寬度。
Scrollamount:用于設(shè)定活動字幕的滾動距離。
scrolldelay:用于設(shè)定滾動兩次之間的延遲時間。
Loop:用于設(shè)定滾動的次數(shù),當(dāng)loop=-1表示一直滾動下去,直到頁面更新。
<marquee>標(biāo)記的默認(rèn)情況是向左滾動無限次,字幕高度是文本高度,滾動范圍:水平滾動的寬度是當(dāng)前位置的寬度;垂直滾動的高度是當(dāng)前位置的高度。
應(yīng)用技巧
1、全取默認(rèn)值,所用代碼最少,請看下面的例子
這個滾動字幕全取默認(rèn)值,源代碼:<marquee>這里寫字幕內(nèi)容</marquee>,代碼是不是很少?
2、垂直滾動
只要加上diriction="up"就行了,如<marquee direction="up" >這里寫字幕內(nèi)容</marquee>。
3、多行文本的活動字幕
由于<mqrquee>標(biāo)記只能作用于一段文本,因此多行活動字幕,分行時只能用<br>標(biāo)記,不能用<p>標(biāo)記。
示例源代碼:
<marquee>
活動字幕內(nèi)容第一行<br>
活動字幕內(nèi)容第二行<br>
活動字幕內(nèi)容第三行<br>
</marquee>
4、在字幕內(nèi)容中加入圖象
<marquee>雖是一個活動字幕標(biāo)記,但它允許在其中加入圖象。下面是一個加入了圖片的代碼: <marquee><img src="image/a2ball.gif" width="17" height="16">這是加入圖象的活動字幕</marquee>
5、在Dreamweaver中使用<marquee>標(biāo)記
Dreamweaver不能在編輯窗中直接加入marquee標(biāo)記,但可在源代碼檢視器中加入<marquee>標(biāo)記,然后在編輯窗中編輯活動字幕的內(nèi)容即可。
<marquee>標(biāo)記的參數(shù)較多,在應(yīng)用中要把握一個原則,能用默認(rèn)值就不要再設(shè)置參數(shù)值,用什么參數(shù)就設(shè)置該參數(shù)的值,其它參數(shù)就不要再設(shè)置,以把代碼控制在最少的范圍內(nèi)。