制作滾動字幕效果:marquee標簽 如下:<MARQUEE direction=up height=146 onmouseout=start() onmouseover=stop() scrollAmount=4> </marquee>
參數(shù)說明:
direction滾動方向:
up向上滾動,down向下滾動,left向左滾動,right向右滾動
behavior滾動方式:
scroll繞來繞去,slide滾動一次就停下來,alternate來回滾動
scrollAmount滾動速度:數(shù)值越大滾動越快
scrollDelay滾動延遲:數(shù)值越大延遲時間越長
loop循環(huán)次數(shù):循環(huán)幾次
bgcolor背景顏色
height高度
width寬度
onmouseout=start() onmouseover=stop()鼠標懸停停止,離開繼續(xù)滾動
移動方式可以系屬性果度改...下上左右都得...
滾動字幕的使用可以增加網(wǎng)頁的動感,讓網(wǎng)頁顯得更有生氣。當然用javascript可以實現(xiàn)滾動字幕效果;使用Dreamweaver的圖層再用其時間軸功能可以做出非常漂亮的滾動看板。但相對而言,用HTML的<marquee>滾動字幕標記所需的代碼最少,雖然效果不是最好,但確實能夠以較少的下載時間換來較好的效果。該標記語法格式如下:
<marquee
aligh=left|center|right|top|bottom
bgcolor=<BR>
direction=left|right|up|down
behavior=<BR>
height=<BR>
hspace=<BR>
scrollamount=<BR>
Scrolldelay=<BR>
width=<BR>
VSpace=<BR>
loop= >
滾擇不同的參數(shù),滾動字幕會有不同的顯示方式。下面解釋一下各參數(shù)的含義:
align:是設定滾動字幕的位置,除左、中、右三種位置外,還有靠上(align=top)和靠下(align=bottom)兩種位置。 <BR> Bgcolor:用于設定滾動字幕的背景顏色。
Direction:用于設定滾動字幕的滾動方向。
Behavior:用于設定滾動的方式,
主要由三種方式:behavior="scroll"表示由一端滾動到另一端;behavior="slide":表示由一端快速滑動到另一端,且不再重復;behavior="alternate"表示在兩端之間來回滾動。 <BR> Height:用于設定滾動字幕的高度
Width:則設定滾動字幕的寬度。
Hspace和vspace:分別用于設定滾動字幕的左右邊框和上下邊框的寬度。
Scrollamount:用于設定滾動字幕的滾動距離。
scrolldelay:用于設定滾動兩次之間的延遲時間。
Loop:用于設定滾動的次數(shù),當loop=-1表示一直滾動下去,直到頁面更新。
<marquee>標記的默認情況是向左滾動無限次,字幕高度是文本高度,滾動范圍:水平滾動的寬度是當前位置的寬度;垂直滾動的高度是當前位置的高度。
應用技巧
1、垂直滾動
只要加上diriction="up"就行了,如
<marquee direction="up">向上滾動</marquee>
2、多行文本的滾動字幕
由于<mqrquee>標記只能作用于一段文本,因此多行滾動字幕,分行時只能用<br>標記,不能用<p>標記.
<marquee>
滾動字幕內(nèi)容第一行<br>
滾動字幕內(nèi)容第二行<br>
滾動字幕內(nèi)容第三行
</marquee>
3、在字幕內(nèi)容中加入圖象
<marquee>雖是一個滾動字幕標記,但它允許在其中加入圖象:
<marquee><img src="image/a2ball.gif" width="17" height="16">這是加入圖象的滾動字幕</marquee>
<marquee>標記的參數(shù)較多,在應用中要把握一個原則,能用默認值就不要再設置參數(shù)值,用什么參數(shù)就設置該參數(shù)的值,其它參數(shù)就不要再設置,以把代碼控制在最少的范圍內(nèi)。
用MARQUEE標簽可以做文字或圖片的簡單的左右或上下移動。并可以響應鼠標、加入鏈接。不需要復雜的JS,只要一句簡單的MARQUEE標簽。
下面跟你介紹下標簽中的參數(shù)設置。點這里看示例文件。(MARQUEE標簽只有IE支持,在NC的瀏覽器上無效)
先看下代碼:
<marquee id="iescroller" direction=left height=10 onMouseOut=start(); onMouseOver=stop(); scrollamount=2 scrolldelay=10 scrollleft="0" scrolltop="0" behavior="alternate" bgcolor="#999999" style="color: #ffffff; font-size: 14; font-family: '宋體', 'Arial','Helvetica', 'sans-serif'"title=文字內(nèi)容> 這是放文字或需要移動的圖片(光標放在這里時用INSERT命令就可以插入圖片)</marquee>
下面來解釋下各參數(shù)意思:
direction=left/right/up/down表示移動的方向 可以是 上下左右
BEHAVIOR 屬性:改變 marquee 標簽內(nèi)容移動的幾種方式。alternate滾動的內(nèi)容會來回滾動。scroll默認的從右到左的移動。slide滾動結(jié)束后會停留在最后的位置上。
scrollAmount:定每顯示一個marquee片段間的間距 如 scrollAmount =100
scrollDelay 指定每顯示一個marquee片段間的時間差 如 scrollDelay = 1
LOOP:指定循環(huán)顯示的次數(shù),如 loop=3 還可以1, 默認的值是 無限循環(huán)
BGCOLOR: 背景的顏色 如 #990000 black 等都是有效的值
width: 移動范圍的長度 如 width=300 也可以是百分數(shù)。
height: 移動范圍的高度 如 height=50
Align <align=#> #=top, middle, bottom 表示居中位置
Margins <hspace=# vspace=#> 表示MARQUEE塊在上下和左右方向留的空距。
title: 鼠標移動marquee上時出現(xiàn)的說明 好象<a href=# title="你好嗎?">或圖片的ALT那種。
style: 你可加入風格的樣式,如字體的顏色等 STYLE="{color: #ffffff; font-family:Arial;font-size:8pt}"
stop的SCRIPT:可以令到滾動停止 試試在<marquee>中加入 onmouserover=this.stop
start 可以令到滾動重新開始 試試在<marquee>中加入 onmouserover=this.start
還可以有onbounce 觸發(fā)當來回一次時觸發(fā)的事件等等。
也可以用以下的javascript方式控制MARQUEE的鼠標響應:其中iescroller是MARQUEE的ID。
<SCRIPT LANGUAGE="javascript">
iescroller.onmouseover=new Function("iescroller.scrollAmount=0");
iescroller.onmouseout=new Function("iescroller.scrollAmount=2");
</SCRIPT>
本站僅提供存儲服務,所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權內(nèi)容,請
點擊舉報。