在用dreamweaver做網(wǎng)站過程當中需要使用一些特效,例如滾動字幕,那么如何使用Dreamweaver來顯示滾動字幕呢?我們先看下面的代碼:
水平滾動:
<marquee direction="left" align="bottom" height="25" width="100%" scrollamount="2" scrolldelay="1">水平滾動字幕內(nèi)容</marquee>
垂直滾動:
<marquee direction="up" height="200" scrollAmount="1" scrollDelay="1">垂直滾動字內(nèi)容</marquee>
上述代碼是顯示滾動字幕特效的代碼,如果對代碼懂的做網(wǎng)站開發(fā)人員就可以直接使用上述代碼插入到我們想顯示滾動字幕的地方就可以了。如果對于不懂代碼的做網(wǎng)站開發(fā)人員想要使用dreamweaver來實現(xiàn)滾動字幕特效的話可以使用以下方法。
使用“標簽選擇器”插入marquee標簽
1.把光標插入點放在需要插入滾動字幕的地方。
2.點擊插入面板的“標簽選擇器 ”
3.選擇 marquee標簽,點擊“插入”按鈕。
使用“標簽檢查器”設(shè)置marquee標簽的屬性
4.轉(zhuǎn)換到代碼視圖。把光標插入點放在 marquee標簽內(nèi)。
5. 選擇“窗口”>“標簽檢查器”??梢栽凇皹撕灆z查器”中設(shè)置標簽的各種用法。
設(shè)置marquee標簽的主要用法
6.點擊behavior設(shè)置項右邊的下拉箭頭,選擇滾動字幕內(nèi)容的運動方式。
內(nèi)容在相反兩個方向滾來滾去 內(nèi)容向同一個方向滾動 內(nèi)容接觸到字幕邊框就停止?jié)L動
7.direction屬性設(shè)置字幕內(nèi)容的滾動方向。
8.scrollamount屬性設(shè)置字幕滾動的速度。
9.scrolldelay屬性設(shè)置字幕內(nèi)容滾動時停頓的時間,單位為毫秒。如果要讓滾動看起來流暢,數(shù)值應(yīng)該盡量小。實例中設(shè)置為1毫秒。如果要有步進的感覺,就設(shè)置時間長一點吧。
10.width屬性設(shè)置滾動字幕的寬度。
11.onMouseOver事件設(shè)置鼠標移動到滾動字幕時的動作,常設(shè)置為停止?jié)L動。
12.style屬性設(shè)置字幕內(nèi)容的樣式。實例中設(shè)置字幕文字大小,輸入了“font:12px;”。
13.loop屬性設(shè)置字幕內(nèi)容滾動次數(shù),默認值為無限。“-1”也為無限。
其實用dreamweaver制作滾動字幕就是如此相當簡單,只需要簡單的這幾個過程便可。