Dreamweaver MX 2004進階技巧(2)滾動字幕

dreamweaver|進階|技巧

　　在網頁中，製作滾動字幕使用marquee標籤，如果用手寫的方法，實在是太麻煩了。從Dreamweaver MX 2004開始，可以使用“標籤選取器”插入各種標籤，並且可以使用“標籤檢查器”設定標籤的屬性值，它的功能類似於屬性面板，但是比屬性面板更強大。

　　使用“標籤選取器”插入marquee標籤

　　1.把游標插入點放在需要插入滾動字幕的地方。
　　2.點擊插入面板的“標籤選取器 ”
　　3.選擇 marquee標籤，點擊“插入”按鈕。

　　使用“標籤檢查器”設定marquee標籤的屬性

　　4.轉換到程式碼檢視。把游標插入點放在 marquee標籤內。

　　5. 選擇“視窗”-->“標籤檢查器”。然後選擇屬性，單擊未分類前面的＂＋＂，可以在“標籤檢查器”中設定標籤的各種用法。

　　設定marquee標籤的主要用法

　　6.點擊behavior設定項右邊的下拉式箭頭，選擇滾動字幕內容的運動方式。

behavior用法

alternate	scroll	slide
內容在相反兩個方向滾來滾去	內容向同一個方向滾動	內容接觸到字幕邊框就停止滾動
marquee測試	marquee測試	marquee測試

　　7.direction屬性設定字幕內容的滾動方向。

direction用法

down	left	right	up
向下運動	向左運動	向右運動	向上運動
webjx.com	webjx.com	webjx.com	webjx.com

　　8.scrollamount屬性設定字幕滾動的速度。

scrollamount值為1	scrollamount值為50
網頁教學網	網頁教學網

　　9.scrolldelay屬性設定字幕內容滾動時停頓的時間，單位為毫秒。如果要讓滾動看起來流暢，數值應該盡量小。執行個體中設定為1毫秒。如果要有步進的感覺，就設定時間長一點吧。

scrolldelay值為1	scrolldelay值為500
網頁製作學習	網頁製作學習

　　10.width屬性設定滾動字幕的寬度。

　　11.onMouseOver事件設定滑鼠移動到滾動字幕時的動作，常設定為停止滾動。onMouseOut事件設定滑鼠離開滾動字幕時的動作，常設定為開始滾動。在Dreamweaver MX 2004中需要開啟“行為”面板設定。

事件	onMouseOver	onMouseOut
動作	this.stop();	this.start();

網頁教學網 網頁教學網－專業的網頁教學網站 網頁教學網的資源向你見證

　　12.style屬性設定字幕內容的樣式。執行個體中設定字幕文字大小，輸入了“font:12px;”。

　　13.loop屬性設定字幕內容滾動次數，預設值為無限。“-1”也為無限。

loop值為-1	loop值為5
滾動次數	滾動次數

　　一套向上滾動字幕的代碼：
　　<marquee behavior="scroll" direction="up" width="200" height="150" loop="-1" scrollamount="1" scrolldelay="1" style="font:12px;" >滾動字幕內容</marquee>