marquee

marquee

marquee的作用是創建一個滾動的文本字幕。

簡介

1,單詞 名詞 n.

【英】[mɑ:'ki:] 大天幕

【美】[mɑr'ki] (入口處的)華蓋;遮篷

2,HTML標籤:<marquee></marquee>

功能

function Marquee(){

if(tab2.offsetTop-tab.scrollTop<=0)//當滾動至demo1與demo2交界時

tab.scrollTop-=tab1.offsetHeight; //demo跳到最頂端

else{

tab.scrollTop++;

}

參數

1.direction 表示滾動的方向,值可以是left,right,up,down,默認為left

如:<marquee direction=#>小A部落格導航</marquee>

2.behavior 表示滾動的方式,值可以是scroll(連續滾動)slide(滑動一次)alternate(來回滾動)

如:<marquee behavior=#>小A部落格導航</marquee>

3.loop 表示循環的次數,值是正整數,默認為無限循環(等於-1也表示無限循環)

<marquee loop=# behavior=scroll>小A部落格導航</marquee>

4. scrollamount 表示運動速度,值是正整數,默認為6

如:<marquee scrollamount=20>小A部落格導航</marquee>

5.scrolldelay 表示停頓時間,值是正整數,默認為0,單位是毫秒

如: <marquee scrolldelay=500 scrollamount=100>小A部落格導航</marquee>

6.valign 表示元素的垂直對齊方式,值可以是top,middle,bottom,默認為middle

7.align 表示元素的水平對齊方式,值可以是absbottom:絕對底部對齊(與g、p等字母的最下端對齊),absmiddle:絕對中央對齊,baseline:底線對齊,bottom:底部對齊(默認),left:左對齊,middle:中間對齊,right:右對齊,texttop:頂線對齊,top:頂部對齊
如:<font size=6><marquee align=# width=400>小A部落格導航</marquee></font>

8.bgcolor 表示運動區域的背景色,值是16進制的RGB顏色,默認為白色

如:<marquee bgcolor=aaaaee>小A部落格導航</marquee>

9.height、width 表示運動區域的高度和寬度,值是正整數(單位是像素)或百分數,默認width=100% height為標籤內元素的高度

如:<marquee height=40 width=50% bgcolor=aaeeaa>小A部落格導航</marquee>

10.hspace、vspace 表示元素到區域邊界的水平距離和垂直距離,值是正整數,單位是像素。

如:<marquee vspace="100" hspace="100" bgcolor="#CCCCCC">小A部落格導航</marquee>

11.onmouseover=this.stop() onmouseout=this.start() 表示當滑鼠移上區域的時候滾動停止,當滑鼠移開的時候又繼續滾動。

如:<marquee id="scrollarea" direction="up" scrolldelay="10" scrollamount="1" width="150" height="80" onmouseover="this.stop();" onmouseout="this.start();">小A部落格導航</marquee>

注釋

MARQUEE 元素的默認寬度與其父元素的寬度相等。如果 MARQUEE 位於沒有指定寬度的 TD 內,你就需要明確設定 MARQUEE 的寬度。如果 MARQUEE 和 TD 的寬度都沒有指定,那么滾動字幕就將限定於 1 個像素寬。

要創建垂直滾動的字幕,請將其 scrollLeft 屬性設定為 0。要創建水平滾動的字幕,請將其 scrollTop 屬性設定為 0,這將覆蓋任何腳本設定。

scrollLeft 和 scrollTop 屬性當字幕滾動時為唯讀。當不處於滾動狀態時,scrollLeft 對於設定為水平滾動的字幕來說為可讀寫,scrollTop 對於設定為垂直滾動的字幕來說為可讀寫。

此元素在 Microsoft® Internet Explorer 3.0 的 HTML 中可用,在 Internet Explorer 4.0 的腳本中可用。

<marquee>並不是一個標準的HTML標籤。你如果把帶有<marquee>的網頁提交到W3C全球資訊網標準化組織

去認證的話。它會報語法錯誤的。近幾年,火狐瀏覽器和谷歌瀏覽器也支持

<marquee>標籤。所以marquee標籤,在W3C裡面沒有,但還是可以用的。

此元素是塊元素。

此元素需要關閉標籤。

示例

下面的例子使用了 MARQUEE 元素創建了由左向右的滾動字幕,移動速度為每 200 毫秒 10 像素。

<marquee direction="right" behavior="scroll" scrollamount="10" scrolldelay="200">這是一個滾動字幕。</marquee>

下面的例子顯示了 marquee 元素的 scrollLeft 和 scrollTop 屬性的一些用途。

<marquee id=m1 direction=right style="border-width:2px;border-style:solid;" width=200 height=200>向右</MARQUEE>

<!-- 單擊此按鈕可在字幕滾動時讀取 scrollLeft 和 scrollTop 屬性的值。 -->

<button onclick="alert('scrollLeft: ' + m1.scrollLeft + ' scrollRight: ' + m1.scrollTop)">讀取</button>

<!-- 當字幕停止時,你可以設定水平字幕的 scrollLeft,或者設定垂直字幕的 scrollTop。 -->

<button onclick="m1.stop();m1.scrollLeft = 190;">停止並設定 scrollLeft=190</button>

<button onclick="m1.start();">開始</button>

相關詞條

相關搜尋

熱門詞條