活動的東西永遠比死氣沉沉更能吸引人的目光
下面分享一點實用代碼
一、從右向左移
代碼
<marquee direction=left>需要移動的文字</marquee>
二、從左向右移
代碼
<marquee direction=right>需要移動的文字</marquee>
三、一圈一圈繞著移動
代碼
<marquee behavior=scroll>需要移動的文字</marquee>
四、只移動三次就停了
代碼
<marquee loop=3 behavior=slide>需要移動的文字</marquee>
五、移一步，停一停
代碼
<marquee scrolldelay=500 scrollamount=100>需要移動的文字</marquee>
六、左右來回移動
代碼
<marquee behavior=alternate>需要移動的文字</marquee>
[fly]需要移動的文字[/fly]
七、忽隱忽現移動
代碼
<marquee behavior="alternate"><marquee width="150" direction=right>需要移動的文字</marquee>
八、從下向上移動
代碼
<marquee direction=up><div align="center">需要移動的文字</div></marquee>
九 、從上向下移動
代碼
<marquee direction=down><div align="center">需要移動的文字</div></marquee>
十、垂直往復移動
<marquee direction=up behavior=alternate><div align="center">需要移動的文字</font></div></marquee>
十一、從左上向右下移動
代碼
<marquee direction=right><marquee width=216 direction=down>需要移動的文字</marquee>
十二、 從右上向左下移動
代碼
<marquee direction=left><marquee direction=down>需要移動的文字</marquee>
十三、從左下向右上移動
代碼
<marquee direction=right><marquee direction=up>需要移動的文字</marquee>
十四、從右下向左上移動
代碼
<marquee direction=left><marquee direction=up>需要移動的文字</marquee>
十五、水平相反移動
代碼
<p align=center> <marquee width="216px">需要移動的文字</marquee><marquee width="216px" direction=right>需要移動的文字</marquee></p>
十六、左右兩邊向中間移動
代碼
<p align=center><marquee style="width:216px;" direction=right>需要移動的文字</marquee><marquee style="width:216px;" direction=left>需要移動的文字</marquee></p>
十七、左右兩邊向中間來回移動
代碼
<MARQUEE scrollAmount=3 behavior=alternate width="40%">左右向中間來回移動</MARQUEE><MARQUEE scrollAmount=3 direction=right behavior=alternate width="40%">動移回來間中向右左</MARQUEE>
十八、從上下向中間移動
代碼
<p></p><center><marquee width=288 direction=down scrollAmount=2 height=50><center>需要移動的文字</center></marquee><center><marquee width=288 direction=up scrollAmount=2 height=50><center>需要移動的文字</center></marquee></center></center><p></p>
十九、從中間向上下移動
代碼
<p></p><center><marquee width=288 direction=up scrollAmount=2 height=50><center>需要移動的文字</center></marquee><center><marquee width=288 direction=down scrollAmount=2 height=50><center>需要移動的文字</center></marquee></center></center><p> </p></marquee>
二十、上下向中間來回移動
代碼
<MARQUEE scrollAmount=1 direction=down behavior=alternate height=50><DIV align=center>上下向中間來回移動</DIV></MARQUEE><MARQUEE scrollAmount=1 direction=up behavior=alternate height=50><DIV align=center>上下向中間來回移動</DIV></MARQUEE>
二十一、上下交替移動
代碼
<marquee direction=up behavior=alternate width=45 height=160><center>需</center></marquee><marquee direction=up behavior=alternate width=45><center>要</center></marquee><marquee direction=up behavior=alternate width=45 height=160><center>移</center></marquee><marquee direction=up behavior=alternate width=45><center>動</center></marquee><marquee direction=up behavior=alternate width=45 height=160><center>的</center></marquee><marquee direction=up behavior=alternate width=45><center>文</center></marquee></marquee><marquee direction=up behavior=alternate width=45 height=160><center>字</center></marquee>
二十二、移動后消失
代碼
<marquee style="width: 288px; height: 120px" scrollAmount=5 direction=up><center><div><marquee direction=up behavior=alternate width=30 height=100><center>需</center></marquee><marquee direction=up behavior=alternate width=30 height=110><center>移</center></marquee><marquee direction=up behavior=alternate width=30 height=100><center>要</center></marquee><marquee direction=up behavior=alternate width=30 height=110><center>動</center></marquee><marquee direction=up behavior=alternate width=30 height=100><center>的</center></marquee><marquee direction=up behavior=alternate width=30 height=110><center>字</center></marquee><marquee direction=up behavior=alternate width=30 height=100><center>文</center></marquee></div></center></marquee>
二十三、波浪式移動
代碼
<div align=center><marquee width=288
filter: wave(add=0,lightstrength=50,strength=3,freq=2,
phrase=10); scrollAmount=5 direction=up behavior=alternate><div align=center><marquee scrollAmount=3 behavior=altrnate width=216><div align=center>需要移動的文字</div></marquee></div></marquee></div>
二十四、往復波浪式移動
代碼
<marquee width=288 filter: wave(add=0,lightstrength=50,strength=3,freq=2,phrase=10); scrollAmount=5 direction=up behavior=alternate><marquee scrollAmount=3 behavior=alternate width=288>需要移動的文字</marquee></marquee>
二十五、交替往復波浪式移動
代碼
<marquee width=436 scrollAmount=5 direction=right behavior=alternate><marquee direction=up behavior=alternate width=50 height=200 align="middle">需</marquee><marquee direction=up behavior=alternate width=50 height=150>的</marquee><marquee direction=up behavior=alternate width=50 height=200>要</marquee><marquee direction=up behavior=alternate width=50 height=150>文</marquee><marquee direction=up behavior=alternate width=50 height=200>移</marquee><marquee direction=up behavior=alternate width=50 height=150>字</marquee><marquee direction=up behavior=alternate width=50 height=200>動</marquee>
</marquee>
二十六、S型移動
代碼
<marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65 height=120 style="Text-align;filter:wave(add=0,phase=1, freq=1,strength=50,color=.ffffff)"><center>需要移動的文字</center></marquee>
二十七、 多層多式復合移動
代碼
<table bgcolor="#ffffff"> <tr><td width="1" valign="top" > <marquee direction="down" behavior="alternate" scrollamount=1 height="120"> <marquee direction="right" scrollamount=4 behavior="alternate" width="288">需要移動的文字</marquee> </marquee> </td> <td width="288"> <marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65 height="120" width="288" style="Text-align;filter:wave(add=1,phase=4, freq=1,strength=50)"><center>需要移動的文字</center></marquee></td></tr></table>
二十八、文字豎排漸出移動
代碼
<div align=center><marquee scrollAmount=1 scrollDelay=100 behavior=slide loop=1 width=290 height=180><marquee style="line-height: 120%; writing-mode: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width=290 height=180><p align=center>需要移動的字文<br>.<br>.<br>.<br>需<br>要<br>移<br>動<br>的<br>文<br>字<br>.<br>.<br>.</p></marquee></marquee></div>
二十九、文字穿梭移動
代碼
<marquee scrollAmount=2 width=30 height=20>文 文</marquee> <marquee scrollAmount=2 width=30 height=20>字 字</marquee> <marquee scrollAmount=2 width=30 height=20>穿 穿</marquee> <marquee scrollAmount=2 width=30 height=20>梭 梭</marquee>
附 注
各主要參數的含義：
align：是設定活動對象(圖片或文字)的位置。
direction：用于設定活動對象的移動方向。
behavior="scroll"表示由一端移動到另一端。
behavior="slide"表示由一端移動到另一端，且不再
重復。
behavior="alternate"表示在兩端之間來回移動。
height：用于設定移動對象的高度。
width：則設定移動對象的寬度。
hspace:用于設定移動對象的左右邊框寬度。
vspace：上下邊框的寬度。
scrollamount：用于設定活動對象的移動距離，數值大
越移動越快。
scrolldelay：用于設定移動兩次之間的延遲時間，數
值越大越有跳躍感。
loop：用于設定移動的次數，不設置該值則為無限循環
style="font-size: "用于設定文字大小。
wline-htight: 用于設定文字行間距。
font-family: 用于設定字體。
<marquee>標記的默認情況是向左移動無限次，字幕高度是
文本高 度，移動范圍：水平移動的寬度是當前位
置的寬度，垂直移動的高度是當前位置的高度。
