DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver相關 >> 用Dreamweaver8學習網頁滾動字幕的制作
用Dreamweaver8學習網頁滾動字幕的制作
編輯:Dreamweaver相關     

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

  使用“標簽選擇器”插入marquee標簽

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

用Dreamweaver8學習網頁滾動字幕的制作

用Dreamweaver8學習網頁滾動字幕的制作

  使用“標簽檢查器”設置marquee標簽的屬性

  4.轉換到代碼視圖。把光標插入點放在 marquee標簽內。

用Dreamweaver8學習網頁滾動字幕的制作

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

用Dreamweaver8學習網頁滾動字幕的制作


  設置marquee標簽的主要用法

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

用Dreamweaver8學習網頁滾動字幕的制作

behavior用法

alternate

scroll

slide

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


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

用Dreamweaver8學習網頁滾動字幕的制作

direction用法

down

left

right

up

向下運動

向左運動

向右運動

向上運動

webjx.com webjx.com webjx.com webjx.com

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

用Dreamweaver8學習網頁滾動字幕的制作

scrollamount值為1

scrollamount值為50

網頁教學網 網頁教學網

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

用Dreamweaver8學習網頁滾動字幕的制作

scrolldelay值為1

scrolldelay值為500

網頁制作學習 網頁制作學習

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

用Dreamweaver8學習網頁滾動字幕的制作

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

用Dreamweaver8學習網頁滾動字幕的制作

事件

onMouseOver

onMouseOut

動作

this.stop();

this.start();

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

  12.style屬性設置字幕內容的樣式。實例中設置字幕文字大小,輸入了“font:12px;”。

用Dreamweaver8學習網頁滾動字幕的制作

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

用Dreamweaver8學習網頁滾動字幕的制作

loop值為-1

loop值為5

滾動次數 滾動次數

  一套向上滾動字幕的代碼

  <marquee behavior="scroll" direction="up" width="200" height="150" loop="-1" scrollamount="1" scrolldelay="1" style="font:12px;" onMouseOver="this.stop();" onMouseOut="this.start();">滾動字幕內容</marquee>

用Dreamweaver8學習網頁滾動字幕的制作

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved