在用dreamweaver做網(wǎng)站過程當(dāng)中需要使用一些特效,例如滾動(dòng)字幕,那么如何使用Dreamweaver來顯示滾動(dòng)字幕呢?我們先看下面的代碼:
水平滾動(dòng):
<marquee direction="left" align="bottom" height="25" width="100%" scrollamount="2" scrolldelay="1">水平滾動(dòng)字幕內(nèi)容</marquee>
垂直滾動(dòng):
<marquee direction="up" height="200" scrollAmount="1" scrollDelay="1">垂直滾動(dòng)字內(nèi)容</marquee>
上述代碼是顯示滾動(dòng)字幕特效的代碼,如果對代碼懂的做網(wǎng)站開發(fā)人員就可以直接使用上述代碼插入到我們想顯示滾動(dòng)字幕的地方就可以了。如果對于不懂代碼的做網(wǎng)站開發(fā)人員想要使用dreamweaver來實(shí)現(xiàn)滾動(dò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)方式。
內(nèi)容在相反兩個(gè)方向滾來滾去 內(nèi)容向同一個(gè)方向滾動(dòng) 內(nèi)容接觸到字幕邊框就停止?jié)L動(dòng)
7.direction屬性設(shè)置字幕內(nèi)容的滾動(dòng)方向。
8.scrollamount屬性設(shè)置字幕滾動(dòng)的速度。
9.scrolldelay屬性設(shè)置字幕內(nèi)容滾動(dòng)時(shí)停頓的時(shí)間,單位為毫秒。如果要讓滾動(dòng)看起來流暢,數(shù)值應(yīng)該盡量小。實(shí)例中設(shè)置為1毫秒。如果要有步進(jìn)的感覺,就設(shè)置時(shí)間長一點(diǎn)吧。
10.width屬性設(shè)置滾動(dòng)字幕的寬度。
11.onMouseOver事件設(shè)置鼠標(biāo)移動(dòng)到滾動(dòng)字幕時(shí)的動(dòng)作,常設(shè)置為停止?jié)L動(dòng)。
12.style屬性設(shè)置字幕內(nèi)容的樣式。實(shí)例中設(shè)置字幕文字大小,輸入了“font:12px;”。
13.loop屬性設(shè)置字幕內(nèi)容滾動(dòng)次數(shù),默認(rèn)值為無限?!?1”也為無限。
其實(shí)用dreamweaver制作滾動(dòng)字幕就是如此相當(dāng)簡單,只需要簡單的這幾個(gè)過程便可。