用DW8學習網頁滾動字幕的製作

來源:互聯網
上載者:User

   在網頁中,製作滾動字幕使用marquee標籤,如果用手寫的方法,實在是太麻煩了。推薦利用製作軟體比如Dreamweaver來學習。在DW中可以使用“標籤選取器”插入各種標籤,並且可以使用“標籤檢查器”設定標籤的屬性值,它的功能類似於屬性面板,但是比屬性面板更強大。

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

  1.把游標插入點放在需要插入滾動字幕的地方。

  2.點擊插入面板的“標籤選取器 ”

  3.選擇 marquee標籤,點擊“插入”按鈕。

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

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

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

  設定marquee標籤的主要用法

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

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

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

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

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

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

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

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

  一套向上滾動字幕的代碼:

   滾動字幕內容

相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。