移動標籤(marquee)屬性詳解

marquee標籤簡介

 marquee標籤:建立一個滾動的文本字幕,應用於文字、圖片、表格。
基本語法: 
<marquee>...</marquee>
屬性彙總例句:
<marquee direction=up behavior=scroll loop=3 scrollamount=1 scrolldelay=10 bgcolor=#ccffff height=150 width=15% hspace=20 vspace=10 onmouseover=this.stop() onmouseout=this.start()><P align=center>此處輸入滾動內容</P></marquee>瀏覽器

此處輸入滾動內容ide

 

在基本語法中輸入文字代碼、代入圖片代碼、Flash動畫代碼和表格代碼。
<marquee>這裏是輸入文字的地方,還能夠放圖片代碼、Flash動畫代碼和gif動態小圖代碼。</marquee>oop

示例以下表:動畫

文字this

 圖片spa

Flash動畫seo

表格圖片

LOVE

歡迎朋友  ci

LOVE

HTML文字代碼——移動文字(marquee 標籤屬性詳解)-吉祥如意988-360圖書館

 

  
360圖書館  歡迎朋友光臨!
marquee標籤屬性

directionit

表示滾動的方向(默認爲left)

behavior

表示滾動的方式

loop

決定滾動文字的滾動次數

scrollamount       

決定文字滾動的速度

scrolldelay

決定文字滾動的延時

bgcolor            

文字滾動範圍的背景顏色

width和height      

決定滾動文字在頁面中的矩形範圍大小

hspace和vspace     

決定滾動矩形區域距周圍的空白區域

onmouseover=this.stop() 

onmouseout=this.start()

表示當鼠標移上區域的時候滾動中止

表示當鼠標移開的時候又繼續滾動

align  

水平對齊

valign 

垂直對齊方式

備註:marquee標籤的屬性都是可選的,根據須要而定製。

marquee標籤屬性詳解

direction

屬性

屬性的參數值

示例代碼

示例

direction="left"

向左(默認值)

 

<marquee direction="left">我向左滾動</marquee>

 

我向左滾動

direction="right"

向右

<marquee direction="right">我向右滾動</marquee> 我向右滾動

direction="up"
向上

 

<marquee direction="up">我向上滾動</marquee>

 

我向上滾動

direction="down"

向下

 

<marquee direction="down">我向下滾動</marquee>

 

我向下滾動

behavior

屬性

屬性的參數值

示例代碼

示例

behavior="alternate"

來回滾動

<marquee behavior="alternate">我來回滾動</marquee> 我來回滾動

behavior="scroll"

單方向循環滾動

 

<marquee behavior="scroll">我單方向循環滾動</marquee>

 

<marquee behavior="scroll" direction="up" height="30">我改單方向向上循環滾動</marquee>

 

我單方向循環滾動

 

我改單方向向上循環滾動

behavior="slide"

只滾動一次

 

<marquee behavior="slide">我只滾動一次</marquee>

 

<marquee behavior="slide" direction="up">我改向上只滾動一次了</marquee>

 

我只滾動一次

 

我改向上只滾動一次了

loop

屬性

屬性的參數值

示例代碼

示例

loop="2"

滾動2次

 

<marquee loop="2">我滾動2次。</marquee>

 

我滾動2次。

loop="infinite"

無限循環滾動

 

<marquee loop="infinite">我無限循環滾動。</marquee>

 

我無限循環滾動。

loop="-1"

無限循環滾動

 

<marquee loop="-1">我無限循環滾動。</marquee>

 

我無限循環滾動。

scrollamount速度屬性

scrolldelay

延時屬性

屬性的參數值

示例代碼

示例

scrollamount="100"

速度很快

 

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

 

我速度很快

scrollamount="50"

速度慢了些

 

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

 

我慢了些。

scrolldelay="30"

小步前進

 

<marquee scrolldelay="30">我小步前進。</marquee>

 

我小步前進。

scrolldelay="1000" scrollamount="100"

大步前進

 

<marquee scrolldelay="1000" scrollamount="100">我大步前進。</marquee>

 

我大步前進。

bgcolor

屬性

背景顏色

屬性的參數值

示例代碼

示例

 

bgcolor屬性文字滾動範圍的背景顏色,參數值是16進制(形式:#AABBCC或#AA5566等)或預約義的顏色名字(如red、yellow、blue等)。

 

<marquee behavior=="slide" direction="left" bgcolor="yellow">個人背景色是黃色的</marquee>

 

 

個人背景色是黃色的

 

width

height

屬性

屬性的參數值

示例代碼

示例

 

width和height屬性的做用決定滾動文字在頁面中的矩形範圍大小。
width屬性用以規定矩形的寬度,height屬性規定矩形的高度。
這兩個屬性的參數值能夠是數字或者百分數,數字表示矩形所佔的(寬或高)像素點數,百分數表示矩形所佔瀏覽器窗口的(寬或高)百分比。

 

<marquee width="300" height="30" bgcolor="red">我寬300像素,高30像素。</marquee>

 

我寬300像素,高30像素。
 

hspace

vspace

屬性

屬性的參數值

示例代碼

示例

 

hspace和vspace屬性這兩個屬性決定滾動矩形區域距周圍的空白區域。

 

 

<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>

 

我矩形邊緣水平和垂直距周圍各10像素。

 

 

我矩形邊緣水平和垂直距周圍各50像素。

 

 

onmouseover

=this.stop() onmouseout

=this.start()

屬性

屬性的參數值

示例代碼

示例

表示當鼠標移上區域的時候滾動中止,當鼠標移開的時候又繼續滾動。

 

<marquee onmouseover=this.stop() onmouseout=this.start()>表示當鼠標移上區域的時候滾動中止,當鼠標移開的時候又繼續滾動。</marquee>

 

表示當鼠標移上區域的時候滾動中止,當鼠標移開的時候又繼續滾動。

valign

align

對齊屬性

這裏是輸入文字 這裏是輸入文字 這裏是輸入文字
valign 表示元素的垂直對齊方式,值能夠是top,middle,bottom,默認爲middle。這個屬性在TABLE標籤的表格處理文字。

<MARQUEE scrollAmount=3 behavior=alternate>

<TABLE

borderColor=#003333

align=center border=1>
<TBODY>
<TR><TD> 這個屬性在TABLE標籤的表格處理文字。
</TD>
</TR>
</TBODY>
</TABLE>

</MARQUEE>

  

這個屬性在TABLE標籤的表格處理文字。

align 表示元素的水平對齊方式,值能夠是left,center,right,默認爲left。這個屬性決定滾動文字位於距形內邊框的上下左右位置。

<marquee direction=up width="300" height="200" bgcolor=#ccffff><P align=center>這個屬性決定滾動文字位於距形內邊框的上下左右位置。</P></marquee>

 

這個屬性決定

滾動文字位於

距形內邊框

的上下左右位置。

相關文章
相關標籤/搜索