在網(wǎng)頁中，制作滾動(dòng)字幕使用marquee標(biāo)簽，假如用手寫的方法，實(shí)在是太麻煩了。推薦利用網(wǎng)頁制作軟件比如dreamweaver來學(xué)習(xí)。在dw中可以使用“標(biāo)簽選擇器”插入各種標(biāo)簽，并且可以使用“標(biāo)簽檢查器”設(shè)置標(biāo)簽的屬性值，它的功能類似于屬性面板，但是比屬性面板更強(qiáng)大。

　　使用“標(biāo)簽選擇器”插入marquee標(biāo)簽

　　1.把光標(biāo)插入點(diǎn)放在需要插入滾動(dòng)字幕的地方。
　　2.點(diǎn)擊插入面板的“標(biāo)簽選擇器 ”
　　3.選擇 marquee標(biāo)簽，點(diǎn)擊“插入”按鈕。

　　使用“標(biāo)簽檢查器”設(shè)置marquee標(biāo)簽的屬性

　　4.轉(zhuǎn)換到代碼視圖。把光標(biāo)插入點(diǎn)放在 marquee標(biāo)簽內(nèi)。

　　5. 選擇“窗口”-->“標(biāo)簽檢查器”。然后選擇屬性，單擊未分類前面的＂＋＂，可以在“標(biāo)簽檢查器”中設(shè)置標(biāo)簽的各種用法。

　　設(shè)置marquee標(biāo)簽的主要用法

　　6.點(diǎn)擊behavior設(shè)置項(xiàng)右邊的下拉箭頭，選擇滾動(dòng)字幕內(nèi)容的運(yùn)動(dòng)方式。

alternate

scroll

slide

　　7.direction屬性設(shè)置字幕內(nèi)容的滾動(dòng)方向。

direction用法

down

left

right

up

向下運(yùn)動(dòng)

向左運(yùn)動(dòng)

向右運(yùn)動(dòng)

向上運(yùn)動(dòng)

　　8.scrollamount屬性設(shè)置字幕滾動(dòng)的速度。

scrollamount值為1

scrollamount值為50

　　9.scrolldelay屬性設(shè)置字幕內(nèi)容滾動(dòng)時(shí)停頓的時(shí)間，單位為毫秒。假如要讓滾動(dòng)看起來流暢，數(shù)值應(yīng)該盡量小。實(shí)例中設(shè)置為1毫秒。假如要有步進(jìn)的感覺，就設(shè)置時(shí)間長一點(diǎn)吧。|||

scrolldelay值為1

scrolldelay值為500

　　10.width屬性設(shè)置滾動(dòng)字幕的寬度。

　　11.onmouseover事件設(shè)置鼠標(biāo)移動(dòng)到滾動(dòng)字幕時(shí)的動(dòng)作，常設(shè)置為停止?jié)L動(dòng)。onmouseout事件設(shè)置鼠標(biāo)離開滾動(dòng)字幕時(shí)的動(dòng)作，常設(shè)置為開始滾動(dòng)。在dreamweaver8中需要打開“行為”面板設(shè)置。

事件

onmouseover

onmouseout

動(dòng)作

this.stop();

this.start();

　　12.style屬性設(shè)置字幕內(nèi)容的樣式。實(shí)例中設(shè)置字幕文字大小，輸入了“font:12px;”。

　　13.loop屬性設(shè)置字幕內(nèi)容滾動(dòng)次數(shù)，默認(rèn)值為無限。“-1”也為無限。

loop值為-1

loop值為5

　　一套向上滾動(dòng)字幕的代碼：

　　<marquee behavior="scroll" direction="up" width="200" height="150" loop="-1" scrollamount="1" scrolldelay="1" style="font:12px;" onmouseover="this.stop();" onmouseout="this.start();">滾動(dòng)字幕內(nèi)容</marquee>

要害詞：

最新五條評論

查看全部評論|||

您的評論