Marquee標記用于在可用瀏覽區域中滾動文本。這個標記只適用于IE3以后的版的瀏覽器:
格式:
[MARQUEE ALIGN="…"
BEHAVIOR="…"
BGCOLOR="…"
DIRECTION="…"
HEIGHT="…"
WIDTH="…"
HSPACE="…"
VSPACE="…"
LOOP="…"
SCROLLAMOUNT="…"
SCROLLDELAY="…"
ONMOUSEOUT=this.start()?
ONMOUSEOVER=this.stop()
]…
[/MARQUEE]
屬性:
ALIGN:用于按設定的值對齊滾動的文本。ALIGN可以設定的值有:LEFT,CENTER,RIGHT,
TO
P,BOTTOM。此屬性不是必須使用的。
例:
[MARQUEE ALIGN="TOP"]?這段滾動文字設定為上對齊?[/MARQUEE]
BEHAVIOR:可以在頁面上一旦出現文本時讓瀏覽器按照設定的方法來處理文本。如果設定的方法是
SLI
DE,那么文本就移動到文檔上,并停留在頁邊距上。如果設定為ALTERNATE,則文本從一邊移動到另一邊。如
果設定為SCROLL,文本將在頁面上反復滾動。本屬性不是必須使用的。可以設定的值有:SILIDE,
ALTERNAT
E,SCROLL。
例:
[MARQUEE BEHAVIOR="ALTERNATE"]?文字從一邊移動到另一邊?[/MARQUEE]
BGCOLOR:用于設定字幕的背景顏色。背景顏色可用RGB、16進制值的格式或顏色名稱來設定。
例:
[MARQUEE BGCOLOR="RED"]用顏色名稱設定滾動文字背景顏色為紅色?[/MARQUEE]
[MARQUEE BGCOLOR="#FF0000"?]用16進制值設定滾動文字背景顏色為紅色?[/MARQUEE]?
[MARQUEE BGCOLOR=RGB(100%,0%,0%)]?用RGB設定滾動文字背景顏色為紅色
?[/MARQUE
E]?
DIRECTION:用于設定文本滾動的方向,可以設定的值有:LEFT,RIGHT。此屬性不是必須使用的。
例:
?[MARQUEE DIRECTION="LEFT"?]文字向左邊滾動?[/MARQUEE]
?[MARQUEE DIRECTION="RIGHT"?]文字向右邊滾動?[/MARQUEE]
HEIGHT
:用于設定滾動字幕的高度,高度可用像素或可視頁面的百分比來表示。此屬性不是必須使用的。
例:
[MARQUEE HEIGHT="10%"]?滾動字幕的高度是可視頁面的10%[?/MARQUEE]
[MARQUEE HEIGHT="12"?]滾動字幕的高度是12像素?[/MARQUEE]
WIDTH:用于設定字幕的寬度,寬度可用像素或可視頁面的百分比來表示。此屬性不是必須使用的。
例:
[MARQUEE WIDTH="90%"]?滾動字幕的寬度是可視頁面的90%?[/MARQUEE]
[MARQUEE WIDTH="200"?]滾動字幕的寬度是200像素?[/MARQUEE
]
HSPACE:用于設定滾動字幕左右的空白空間,空白空間用像素表示。此屬性不是必須使用的。
例:
[MARQUEE HSPACE="15"?]滾動字幕左右空白空間為15個像素?[/MARQUEE]
VSPACE:用于設定滾動字幕上下的空白空間,空白空間用像素表示。此屬性不是必須使用的。
例:
[MARQUEE VSPACE="2"]?滾動字幕上下的空白空間為2個像素?[/MARQUEE]
LOOP:用于設定滾動字幕的滾動次數。當LOOP的值為"INFINITE"或是"-1"時,則文字會無限制地滾
動。此屬性不是必須使用的。
例:
[MARQUEE LOOP="-1"?]文字滾動無數次?[/MARQUEE]
[MARQUEE LOOP="5"?]文字滾動5次?[/MARQUEE]
SCROLLAMOUNT:用于設定每個連續滾動文本后面的間隔,該間隔用像素表示。此屬性不是必須使用
的。
例:
[MARQUEE SCROLLAMOUNT="10"]?此文本后面的間隔為10個像素?[/MARQUEE]
SCROLLDELAY:用于設定兩次滾動操作之間的間隔時間,該時間以毫秒為單位。此屬性不是必須使用
的。
例:
[MARQUEE SCROLLDELAY="5"]?此文本兩次滾動之間的間隔時間為5毫秒
?[/MARQUEE]
ONMOUSEOUT=this.start()?:用來設置鼠標移出該區域時繼續滾動
ONMOUSEOVER=this.stop()
:用來設置鼠標移入該區域時停止滾動
現舉如下事例:
???????<marquee direction=up behavior=scroll scrollamount=3 scrolldelay=100 align=top bgcolor=#321654 height=150 width=100% hspace=0 vspace=5 onmouseover=this.stop() onmouseout=this.start() src="update.htm">
????????<p align='center'><a hrer="#" onclick="alert('ddd')">
第二條公告
</a></p>
????????<p align='center'>第一條公告
</p>
????????<p align='center'>第二條公告
</p>
????????<p align='center'>第三條公告
</p>
????????<p align='center'>第四條公告
</p>
????????<p align='center'>第五條公告
</p>
???????</marquee>
如上面事例,如果想添加滾動內容的鏈接,可以使用上面的方法。近來看到一個從外部導入html的使用這個屬性的事例,一并整理修改附加如下(不知原作者為誰,甚為抱歉):
<html>
?? <head>
???????? <title>
使用marquee從外部導入html頁面
</title>
?? </head>
?? <body>
??????? <table>
??????????????? <tr>
?????????????????????<td>
?????????????<marquee id="externalmarquee" direction=up scrollAmount=4 style="width:100%px;height:150px;border:1px solid black;padding:3px" onMouseover="this.scrollAmount=2" onMouseout="this.scrollAmount=4" src="update.htm"></marquee>
?????????????????????</td>
?????????????????</tr>
??????? </table>
?? </body>
</html>
<!--[if IE]>
<IE:Download ID="marqueedata" STYLE="behavior:url(#default#download)" />
?
<script language="JavaScript1.2">
function downloaddata(){
marqueedata.startDownload(externalmarquee.src,displaydata)
}
function displaydata(data){
externalmarquee.innerHTML=data
}
if (document.all)
window.onload=downloaddata
</script>
<![endif]-->
另一個頁面update.htm內容就是你想滾動顯示的內容,例如:
??????<table width="100%" border="0" cellpadding="0" cellspacing="0" class="table_output1">
???????<tr>
????????<td>
第一條公告
</td>
???????</tr>
???????<tr>
????????<td>第一條公告
</td>
???????</tr>
???????<tr>
????????<td>第一條公告
</td>
???????</tr>
???????<tr>
????????<td>第一條公告
</td>
???????</tr>
???????<tr>
????????<td>第一條公告
</td>
???????</tr>
???????<tr>
????????<td>第一條公告
</td>
???????</tr>
??????</table>
?
?