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

direction 表示滾動的方向，值可以是left，right，up，down，默認為left
behavior 表示滾動的方式，值可以是scroll（連續(xù)滾動）slide（滑動一次）alternate（來回滾動）
loop 表示循環(huán)的次數(shù)，值是正整數(shù)，默認為無限循環(huán)
scrollamount 表示運動速度，值是正整數(shù)，默認為6
scrolldelay 表示停頓時間，值是正整數(shù)，默認為0，單位是毫秒
valign 表示元素的垂直對齊方式，值可以是top，middle，bottom，默認為middle
align 表示元素的水平對齊方式，值可以是left，center，right，默認為left
bgcolor 表示運動區(qū)域的背景色，值是16進制的RGB顏色，默認為白色
height、width 表示運動區(qū)域的高度和寬度，值是正整數(shù)（單位是像素）或百分數(shù)，默認width=100% height為標簽內(nèi)元素的高度
hspace、vspace 表示元素到區(qū)域邊界的水平距離和垂直距離，值是正整數(shù)，單位是像素。 onmouseover=this.stop() onmouseout=this.start() 表示當鼠標移上區(qū)域的時候滾動停止，當鼠標移開的時候又繼續(xù)滾動。

代碼舉例：

文字來回滾動

代碼：

<MARQUEE scrollAmount=3 behavior=alternate>文字來回滾動</MARQUEE>

2. 向右移動的豎排文字：

?代碼：

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

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

向右移動的豎排文字<BR>向右移動的豎排文字</P></MARQUEE>

3. 向上移動的文字：

代碼：

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

向上移動的文字<BR>向上移動的文字</MARQUEE>

4. 向下移動的文字：

代碼：

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

向下移動的文字<BR>向下移動的文字</MARQUEE>

5. 從右向左滾動：

從右向左滾動

代碼：

<MARQUEE scrollAmount=2>從右向左滾動</MARQUEE>

?6. 從左向右滾動：

從左向右滾動

代碼：

<MARQUEE scrollAmount=2 direction=right>從左向右滾動</MARQUEE>

?7. 上下反彈：

上下反彈

代碼：

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

behavior=alternate>

上下反彈</MARQUEE>

?8. 從左向右文字波浪式移動：

從左向右文字波浪式移動

代碼：

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

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

?9. 文字來回波浪式移動：

文字來回波浪式移動

代碼：

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

behavior=alternate width="80%">
<MARQUEE direction=right behavior=alternate>文字來回波浪式移動</MARQUEE>

</MARQUEE>

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

躲躲字，跑給你追

代碼：

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

?11. 原地跳動的文字：

祝?大?家?永?遠?幸?福

代碼：

<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>遠</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. 由中間向兩邊移動的文字：

閑人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. 由上下向中間移動的字體：

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

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

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

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

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

</MARQUEE></CENTER>

15. 左右運動的文字：

閑人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=隸書 color=#ff0000 size=5>

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

---

 

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

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

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

c)direction。表示滾動的方向，默認為從右向左：←←←。可選的值有right、down、up。滾動方向分別為：right表示→→→，up表示↑，down表示↓。

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

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

標簽： seo 代碼

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