RELATEED CONSULTING
相(xiàng)關咨詢
選擇下(xià)列産品馬上(shàng)在線溝通(tōng)
服務時間:9:30-18:00
你可能(néng)遇到(dào)了下(xià)面的問題
關閉右側工(gōng)具欄
新手學習老知識(二)HTML用好活動字幕标記marquee
  • 作者:
  • 發表時間:2010-04-07 09:29
  • 來源:

 活動字幕,也稱為(wèi)滾動看(kàn)闆、滾動字幕。活動字幕的使用使得整個(gè)網頁更有動感,顯得很有生(shēng)氣。現在的網站中也越來越多(duō)地使用活動字幕來加強網頁的互動性。用Javascript編程可以實現活動字幕效果;用Dreamweaver的圖層再用其時間線功能(néng)可以做出非常漂亮的滾動看(kàn)闆。而用HTML的活動字幕标記所需的代碼最少,确實能(néng)夠以較少的下(xià)載時間換來較好的效果。該标記語法格式如下(xià):

<>
aligh=left|center|right|top|bottom
bgcolor=#n
direction=left|right|up|down
behavior=type
height=n
hspace=n
scrollamount=n
Scrolldelay=n
width=n
VSpace=n
loop=n>

  可以看(kàn)出由于活動字幕的顯示方式多(duō)種多(duō)樣,可選的參數也很多(duō)。下(xià)面解釋一(yī)下(xià)各參數的含義:

  align:是設定活動字幕的位置,不過除了居左、居中、居右三種位置外,又(yòu)增加靠上(shàng)(align=top)和靠下(xià)(align=bottom)兩種位置。

  Bgcolor:用于設定活動字幕的背景顔色,一(yī)般是十六進制數。

  Direction:用于設定活動字幕的滾動方向是向左、向右、向上(shàng)、向下(xià)。

  Behavior:用于設定滾動的方式,主要由三種方式:behavior="scroll"表示由一(yī)端滾動到(dào)另一(yī)端;behavior="slide":表示由一(yī)端快速滑動到(dào)另一(yī)端,且不再重複; behavior="alternate"表示在兩端之間來回滾動。

  Height:用于設定滾動字幕的高(gāo)度。

  Width:則設定滾動字幕的寬度。

  Hspace和vspace:分别用于設定滾動字幕的左右邊框和上(shàng)下(xià)邊框的寬度。

  Scrollamount:用于設定活動字幕的滾動距離。

  scrolldelay:用于設定滾動兩次之間的延遲時間。

  Loop:用于設定滾動的次數,當loop=-1表示一(yī)直滾動下(xià)去,直到(dào)頁面更新。

  标記的默認情況是向左滾動無限次,字幕高(gāo)度是文本高(gāo)度,滾動範圍:水(shuǐ)平滾動的寬度是當前位置的寬度;垂直滾動的高(gāo)度是當前位置的高(gāo)度。

  應用技(jì)巧

  1、全取默認值,所用代碼最少,請看(kàn)下(xià)面的例子

  這個(gè)滾動字幕全取默認值,源代碼:這裡(lǐ)寫字幕内容,代碼是不是很少?

  2、垂直滾動

  隻要加上(shàng)diriction="up"就(jiù)行了,如這裡(lǐ)寫字幕内容

  3、多(duō)行文本的活動字幕

  由于标記隻能(néng)作用于一(yī)段文本,因此多(duō)行活動字幕,分行時隻能(néng)用
标記,不能(néng)用

标記。

  示例源代碼:


活動字幕内容第一(yī)行

活動字幕内容第二行

活動字幕内容第三行

  4、在字幕内容中加入圖象

  雖是一(yī)個(gè)活動字幕标記,但它允許在其中加入圖象。下(xià)面是一(yī)個(gè)加入了圖片的代碼: 新手學習老知識(二)HTML用好活動字幕标記marquee(圖1)這是加入圖象的活動字幕

  5、在Dreamweaver中使用标記

  Dreamweaver不能(néng)在編輯窗(chuāng)中直接加入marquee标記,但可在源代碼檢視器(qì)中加入标記,然後在編輯窗(chuāng)中編輯活動字幕的内容即可。

  标記的參數較多(duō),在應用中要把握一(yī)個(gè)原則,能(néng)用默認值就(jiù)不要再設置參數值,用什麽參數就(jiù)設置該參數的值,其它參數就(jiù)不要再設置,以把代碼控制在最少的範圍内。

(負責編輯:blank)