文字或圖片滾動(dòng)一般用的是<marquee></marquee>這個(gè)標(biāo)簽、標(biāo)簽里面的放的就是你的文字內(nèi)容、這個(gè)標(biāo)簽有下面幾個(gè)參數(shù)：

direction 表示滾動(dòng)的方向，值可以是left，right，up，down，默認(rèn)為left
behavior 表示滾動(dòng)的方式，值可以是scroll（連續(xù)滾動(dòng)）slide（滑動(dòng)一次）alternate（來(lái)回滾動(dòng)）
loop 表示循環(huán)的次數(shù)，值是正整數(shù)，默認(rèn)為無(wú)限循環(huán)
scrollamount 表示運(yùn)動(dòng)速度，值是正整數(shù)，默認(rèn)為6
scrolldelay 表示停頓時(shí)間，值是正整數(shù)，默認(rèn)為0，單位是毫秒
valign 表示元素的垂直對(duì)齊方式，值可以是top，middle，bottom，默認(rèn)為middle
align 表示元素的水平對(duì)齊方式，值可以是left，center，right，默認(rèn)為left
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)移開(kāi)的時(shí)候又繼續(xù)滾動(dòng)。

代碼舉例：

文字來(lái)回滾動(dòng)

代碼：

<MARQUEE scrollAmount=3 behavior=alternate>文字來(lái)回滾動(dòng)</MARQUEE>

2. 向右移動(dòng)的豎排文字：

?代碼：

<MARQUEE style="LINE-HEIGHT: 120%; WRITING-MODE: tb-rl" scrollAmount=3

scrollDelay=0? direction=up width=200 height=150>
<P align=left>向右移動(dòng)的豎排文字</SPAN><BR>向右移動(dòng)的豎排文字<BR>

向右移動(dòng)的豎排文字<BR>向右移動(dòng)的豎排文字</P></MARQUEE>

3. 向上移動(dòng)的文字：

代碼：

<MARQUEE style="WIDTH: 250px; HEIGHT: 100px" scrollAmount=3 direction=up>

向上移動(dòng)的文字<BR>向上移動(dòng)的文字</MARQUEE>

4. 向下移動(dòng)的文字：

代碼：

<MARQUEE style="WIDTH: 250px; HEIGHT: 100px" scrollAmount=3 direction=down>

向下移動(dòng)的文字<BR>向下移動(dòng)的文字</MARQUEE>

5. 從右向左滾動(dòng)：

從右向左滾動(dòng)

代碼：

<MARQUEE scrollAmount=2>從右向左滾動(dòng)</MARQUEE>

?6. 從左向右滾動(dòng)：

從左向右滾動(dòng)

代碼：

<MARQUEE scrollAmount=2 direction=right>從左向右滾動(dòng)</MARQUEE>

?7. 上下反彈：

上下反彈

代碼：

<MARQUEE style="WIDTH: 708px; HEIGHT: 150px" scrollAmount=2 direction=up

behavior=alternate>

上下反彈</MARQUEE>

?8. 從左向右文字波浪式移動(dòng)：

從左向右文字波浪式移動(dòng)

代碼：

<MARQUEE style="WIDTH: 80%; HEIGHT: 100px" scrollAmount=2 direction=up

behavior=alternate width="80%">
<MARQUEE direction=right>從左向右文字波浪式移動(dòng)</MARQUEE></MARQUEE>

?9. 文字來(lái)回波浪式移動(dòng)：

文字來(lái)回波浪式移動(dòng)

代碼：

<MARQUEE style="WIDTH: 80%; HEIGHT: 100px" scrollAmount=2 direction=up

behavior=alternate width="80%">
<MARQUEE direction=right behavior=alternate>文字來(lái)回波浪式移動(dòng)</MARQUEE>

</MARQUEE>

?10. 躲躲字，跑給你追：

躲躲字，跑給你追

代碼：

<MARQUEE behavior=alternate>
<MARQUEE scrollAmount=5 width=150>躲躲字，跑給你追</MARQUEE></MARQUEE>

?11. 原地跳動(dòng)的文字：

祝?大?家?永?遠(yuǎn)?幸?福

代碼：

<MARQUEE direction=up behavior=alternate width=60 height=120>祝</MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=80>大</MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>家</MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=80>永</MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>遠(yuǎn)</MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=80>幸</MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>福</MARQUEE>

?12. 波浪字：

波浪字
波浪字代碼：

<MARQUEE style="FILTER: wave(add=0,phase=1, freq=1,strength=15,color=.FFFFFF)"

scrollAmount=2 scrollDelay=65 direction=up behavior=alternate height=80>
<CENTER>波浪字<BR>波浪字</CENTER></MARQUEE>

?13. 由中間向兩邊移動(dòng)的文字：

閑人SGM歡迎您?閑人SGM歡迎您

代碼：

<P align=center>
<MARQUEE width=200 height=50><FONT face=華文彩云 color=#ee110e size=5>

閑人SGM歡迎您</FONT></MARQUEE>
<MARQUEE direction=right width=200 height=50><FONT face=華文彩云 color=#ee110e

size=5>閑人SGM歡迎您</FONT></MARQUEE></P>

?14. 由上下向中間移動(dòng)的字體：

閑人SGM歡迎您閑人SGM歡迎您代碼：

<CENTER>
<MARQUEE style="WIDTH: 300px; HEIGHT: 60px" scrollAmount=2 direction=down

height=60><FONT face=隸書(shū) color=#ff0000 size=5>閑人SGM歡迎您</FONT>

</MARQUEE></CENTER>
<CENTER>
<MARQUEE style="WIDTH: 300px; HEIGHT: 60px" scrollAmount=2 direction=up

height=60><FONT face=隸書(shū) color=#ff0000 size=5>閑人SGM歡迎您</FONT>

</MARQUEE></CENTER>

15. 左右運(yùn)動(dòng)的文字：

閑人SGM歡迎您
閑人SGM歡迎您

代碼：

<CENTER>
<MARQUEE direction=right width=250 height=50><FONT color=#ff0000 size=5>

閑人SGM歡迎您</FONT></MARQUEE><BR>
<MARQUEE width=250 height=50><FONT face=隸書(shū) color=#ff0000 size=5>

閑人SGM歡迎您</FONT></MARQUEE></CENTER>

---

 

注:?各參數(shù)詳解

a)scrollAmount。它表示速度，值越大速度越快。如果沒(méi)有它，默認(rèn)為6，建議設(shè)為1～3比較好。

b)width和height，表示滾動(dòng)區(qū)域的大小，width是寬度，height是高度。特別是在做垂直滾動(dòng)的時(shí)候，一定要設(shè)height的值。

c)direction。表示滾動(dòng)的方向，默認(rèn)為從右向左：←←←�？蛇x的值有right、down、up。滾動(dòng)方向分別為：right表示→→→，up表示↑，down表示↓。

d)scrollDelay，這也是用來(lái)控制速度的，默認(rèn)為90，值越大，速度越慢。通常scrollDelay是不需要設(shè)置的。

e)behavior。用它來(lái)控制屬性，默認(rèn)為循環(huán)滾動(dòng)，可選的值有alternate(交替滾動(dòng))、slide(幻燈片效果，指的是滾動(dòng)一次，然后停止?jié)L動(dòng))

標(biāo)簽： seo 代碼

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。