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&reg; 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>

相關詞條

熱門詞條

聯絡我們