最近發(fā)現(xiàn)一個(gè)好玩的標(biāo)簽疯潭，<marquee>標(biāo)簽中間的文字是滾動(dòng)的赊堪，感覺很神奇，下邊介紹一下此標(biāo)簽的屬性竖哩。

<marquee>標(biāo)簽的屬性主要有behavior哭廉、bgcolor、direction相叁、width遵绰、height、hspace增淹、vspace椿访、loop、scrollamount虑润、scrolldelay等成玫，它們都是可選的。

1.behavior屬性

behavior屬性的參數(shù)值為alternate端辱、scroll梁剔、slide中的一個(gè)，分別表示文字來回滾動(dòng)舞蔽、單方向循環(huán)滾動(dòng)、只滾動(dòng)一次码撰，需要注意的是:如果在<marquee>標(biāo)簽中同時(shí)出現(xiàn)了direction和behavior屬性渗柿，那么scroll和slide的滾動(dòng)方向?qū)⒁勒誨irection屬性中參數(shù)的設(shè)置。

? ? <marquee behavior="alternate">我來回滾動(dòng)</marquee>

? ? <marquee behavior="scroll">我單方向循環(huán)滾動(dòng)</marquee>

? ? <marquee behavior="scroll" direction="up" height="30">我改單方向向上循環(huán)滾動(dòng)</marquee>

? ? <marquee behavior="slide">我只滾動(dòng)一次</marquee>

? ? <marquee behavior="slide" direction="up">我改向上只滾動(dòng)一次了</marquee>

bgcolor屬性

文字滾動(dòng)范圍的背景顏色脖岛，參數(shù)值是16進(jìn)制(形式:#AABBCC或#AA5566等)或預(yù)定義的顏色名字(如red朵栖、yellow、blue等)柴梆。如下所示:<marquee behavior=="slide" direction="left" bgcolor="red">我的背景色是紅色的</marquee>

direction屬性

文字滾動(dòng)的方向陨溅，屬性的參數(shù)值有down、left绍在、right门扇、up共四個(gè)單一可選值雹有，分別代表滾動(dòng)方向向下、向左臼寄、向右霸奕、向上。如下所示:

? ? <marquee direction="right">我向右滾動(dòng)</marquee>

? ? <marquee direction="right">我向下滾動(dòng)</marquee>

width和height屬性

width和height屬性的作用決定滾動(dòng)文字在頁面中的矩形范圍大小吉拳。width屬性用以規(guī)定矩形的寬度质帅，height屬性規(guī)定矩形的高度。這兩個(gè)屬性的參數(shù)值可以是數(shù)字或者百分?jǐn)?shù)留攒，數(shù)字表示矩形所占的(寬或高)像素點(diǎn)數(shù)煤惩，百分?jǐn)?shù)表示矩形所占瀏覽器窗口的(寬或高)百分比。如下所示:

? ? <marquee width="300" height="30" bgcolor="red">我寬300像素炼邀，高30像素盟庞。</marquee>

hspace和vspace屬性

這兩個(gè)屬性決定滾動(dòng)矩形區(qū)域距周圍的空白區(qū)域.

? ? <marquee width="300" height="30" vspace="10" hspace="10" bgcolor="red">我矩形邊緣水平和垂直距周圍各10像素。</marquee>

? ? <marquee width="300" height="30" vspace="50" hspace="50" bgcolor="red">我矩形邊緣水平和垂直距周圍各50像素汤善。</marquee>

loop屬性

loop屬性決定滾動(dòng)文字的滾動(dòng)次數(shù)什猖，缺省是無限循環(huán)。參數(shù)值可以是任意的正整數(shù)红淡，如果設(shè)置參數(shù)值為-1或infinite時(shí)將無限循環(huán)不狮。如下所示:

? ? <marquee loop="2">我滾動(dòng)2次。</marquee>

? ? <marquee loop="infinite">我無限循環(huán)滾動(dòng)在旱。</marquee>

? ? <marquee loop="-1">我無限循環(huán)滾動(dòng)摇零。</marquee>

scrollamount和scrolldelay屬性

這兩個(gè)屬性決定文字滾動(dòng)的速度(scrollamount)和延時(shí)(scrolldelay)，參數(shù)值都是正整數(shù)桶蝎。如下所示:

? ? <marquee scrollamount="100">我速度很快.</marquee>

? ? <marquee scrollamount="50">我慢了些驻仅。</marquee>

? ? <marquee scrolldelay="30">我小步前進(jìn)。</marquee>

? ? <marquee scrolldelay="1000" scrollamount="100">我大步前進(jìn)登渣。</marquee>

align屬性

這個(gè)屬性決定滾動(dòng)文字位于距形內(nèi)邊框的上下左右位置噪服。您也可以將<marquee>和</marquee>之間的內(nèi)容替換為圖像或其它對象等功能。

參數(shù)

direction 表示滾動(dòng)的方向胜茧，值可以是left粘优，right，up呻顽，down雹顺，默認(rèn)為left

behavior 表示滾動(dòng)的方式，值可以是scroll(連續(xù)滾動(dòng))slide(滑動(dòng)一次)alternate(來回滾動(dòng))

loop 表示循環(huán)的次數(shù)廊遍，值是正整數(shù)嬉愧，默認(rèn)為無限循環(huán)

scrollamount 表示運(yùn)動(dòng)速度，值是正整數(shù)喉前，默認(rèn)為6

scrolldelay 表示停頓時(shí)間没酣，值是正整數(shù)王财，默認(rèn)為0，單位是毫秒

align 表示元素的垂直對齊方式四康，值可以是top搪搏，middle，bottom闪金，默認(rèn)為middle

bgcolor 表示運(yùn)動(dòng)區(qū)域的背景色疯溺，值是16進(jìn)制的RGB顏色，默認(rèn)為白色

height哎垦、width 表示運(yùn)動(dòng)區(qū)域的高度和寬度囱嫩，值是正整數(shù)(單位是像素)或百分?jǐn)?shù)，默認(rèn)width=100% height為標(biāo)簽內(nèi)元素的高度漏设。

hspace墨闲、vspace 表示元素到區(qū)域邊界的水平距離和垂直距離，值是正整數(shù)郑口，單位是像素鸳碧。

onmouseover=this.stop() onmouseout=this.start() 表示當(dāng)鼠標(biāo)以上區(qū)域的時(shí)候滾動(dòng)停止，當(dāng)鼠標(biāo)移開的時(shí)候又繼續(xù)滾動(dòng)犬性。

注釋

marquee 元素的默認(rèn)寬度與其父元素的寬度相等瞻离。如果 marquee 位于沒有指定寬度的 td 內(nèi)，你就需要明確設(shè)置 marquee 的寬度乒裆。如果 marquee 和 td 的寬度都沒有指定套利，那么滾動(dòng)字幕就將限定于 1 個(gè)像素寬。

要?jiǎng)?chuàng)建垂直滾動(dòng)的字幕鹤耍，請將其 scrollLeft 屬性設(shè)定為 0肉迫。要?jiǎng)?chuàng)建水平滾動(dòng)的字幕，請將其 scrollTop 屬性設(shè)定為 0稿黄，這將覆蓋任何腳本設(shè)置喊衫。

scrollLeft 和 scrollTop 屬性當(dāng)字幕滾動(dòng)時(shí)為只讀。當(dāng)不處于滾動(dòng)狀態(tài)時(shí)抛猖，scrollLeft 對于設(shè)置為水平滾動(dòng)的字幕來說為可讀寫格侯，scrollTop 對于設(shè)置為垂直滾動(dòng)的字幕來說為可讀寫。

此元素在 Microsoft? Internet Explorer 3.0 的 HTML 中可用财著，在 Internet Explorer 4.0 的腳本中可用。

此元素是塊元素撑碴。

此元素需要關(guān)閉標(biāo)簽撑教。

示例

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

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

<!-- 單擊此按鈕可在字幕滾動(dòng)時(shí)讀取 scrollLeft 和 scrollTop 屬性的值醉拓。 -->

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

<!-- 當(dāng)字幕停止時(shí)伟姐，你可以設(shè)置水平字幕的 scrollLeft收苏，或者設(shè)置垂直字幕的 scrollTop。 -->

<button onclick="m1.stop();m1.scrollLeft = 190;">停止并設(shè)置 scrollLeft=190</button>

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