二,、向右移動(dòng)
<MARQUEE direction=right><IMG style="WIDTH: 300px; HEIGHT: 175px" src="http://image96.360doc.com/DownloadImg/2016/04/0519/69207898_1.gif"><BR><FONT face=宋體 color=#0000ff size=3><B>從左向右移動(dòng)</B></FONT></MARQUEE>

示例：

從左向右移動(dòng)

三,、向上移動(dòng)
<MARQUEE scrollAmount=2 direction=up>
<CENTER><FONT face=華文行楷 color=#0000ff size=5><B>向上移動(dòng)</B></FONT><BR><IMG style="WIDTH: 300px; HEIGHT: 175px"  src="http://image96.360doc.com/DownloadImg/2016/04/0519/69207898_1.gif"></CENTER></MARQUEE>

示例：

  向上移動(dòng)
四,、向下移動(dòng)
<MARQUEE scrollAmount=5 direction=down>
<CENTER><FONT face=華文行楷 color=#0000ff size=5><B>向下移動(dòng)</B></FONT><BR><IMG style="WIDTH: 300px; HEIGHT: 175px" src="

http://image96.360doc.com/DownloadImg/2016/04/0519/69207898_1.gif"></CENTER></MARQUEE>示例：

示例：

七,、中間向兩邊移動(dòng)：

<CENTER><BR>
<MARQUEE width=390 height=200><IMG  style="WIDTH: 300px; HEIGHT: 175px" alt="圖片各種移動(dòng)代碼匯編 - 紫郁 - xianger" src="http://image96.360doc.com/DownloadImg/2016/04/0519/69207898_1.gif"><FONT face=華文彩云 color=#0000ff size=5><BR>中間向兩邊移動(dòng)</FONT></MARQUEE>
<MARQUEE direction=right width=390 height=200><IMG  style="WIDTH: 300px; HEIGHT: 175px" alt="圖片各種移動(dòng)代碼匯編 - 紫郁 - xianger" src="http://image96.360doc.com/DownloadImg/2016/04/0519/69207898_1.gif"><FONT face=華文彩云 color=#0000ff size=5><BR>中間向兩邊移動(dòng)<BR></FONT></MARQUEE></FONT></CENTER>

示例：

中間向兩邊移動(dòng)
中間向兩邊移動(dòng)

八,、中間相對(duì)上下移動(dòng)：

 <MARQUEE scrollAmount=3 direction=up>
<CENTER><IMG title="圖片各種移動(dòng)代碼匯編 - 紫郁 - xianger" style="WIDTH: 300px; HEIGHT: 175px" alt="圖片各種移動(dòng)代碼匯編 - 紫郁 - xianger" src="http://image96.360doc.com/DownloadImg/2016/04/0519/69207898_1.gif"></CENTER></MARQUEE>
<MARQUEE scrollAmount=3 direction=down>
<CENTER>
<DIV style="FILTER: flipv; WIDTH: 400px"><IMG title="圖片各種移動(dòng)代碼匯編 - 紫郁 - xianger" alt="圖片各種移動(dòng)代碼匯編 - 紫郁 - xianger" src="http://img.ph.126.net/pR-Q0KCWxE7cUHYa1fMfsg==/3337730273835472037.jpg" tyle="WIDTH: 300px; HEIGHT: 175px" s></DIV></CENTER></MARQUEE>

示例：

幾種圖片特別移動(dòng)代碼:

效果1：

代碼:效果1

<MARQUEE scrollAmount=3 direction=left behavior=slide width=330 height=371><MARQUEE scrollAmount=3 direction=right behavior=slide width=330 height=371><DIV align=center><IMG src="http://image96.360doc.com/DownloadImg/2016/04/0519/69207898_1.gif"></DIV></MARQUEE></MARQUEE>　

效果2

代碼:效果2

<MARQUEE scrollAmount=3 direction=down height=371><MARQUEE scrollAmount=3 direction=up height=371> <DIV align=center><IMG src="http://image96.360doc.com/DownloadImg/2016/04/0519/69207898_1.gif"></DIV></MARQUEE></MARQUEE>　

效果3：

代碼:效果3

<MARQUEE scrollAmount=3 direction=up height=371><MARQUEE scrollAmount=3 direction=down height=371><DIV align=center><IMG src="http://image96.360doc.com/DownloadImg/2016/04/0519/69207898_1.gif"></DIV></MARQUEE></MARQUEE>

效果四：

代碼:效果4

<MARQUEE scrollAmount=3 direction=right width=330 height=371><MARQUEE scrollAmount=3 direction=left width=330 height=371> <DIV align=center><IMG src="http://image96.360doc.com/DownloadImg/2016/04/0519/69207898_1.gif"></DIV></MARQUEE></MARQUEE>　

效果五：

代碼:效果5

<MARQUEE scrollAmount=3 direction=left width=330 height=371><MARQUEE scrollAmount=3 direction=right width=330 height=371> <DIV align=center><IMG src="http://image96.360doc.com/DownloadImg/2016/04/0519/69207898_1.gif"></DIV></MARQUEE></MARQUEE>　

效果六：

代碼:效果6

<MARQUEE scrollAmount=2 direction=up behavior=alternate height=471><MARQUEE scrollAmount=2 direction=up height=371> <DIV align=center><IMG src="http://image96.360doc.com/DownloadImg/2016/04/0519/69207898_1.gif"></DIV></MARQUEE></MARQUEE>

效果七：

代碼:效果7

<DIV align=center> <MARQUEE scrollAmount=2 behavior=alternate width=630 height=471><MARQUEE scrollAmount=2 direction=up width=330 height=471><IMG src="http://image96.360doc.com/DownloadImg/2016/04/0519/69207898_1.gif"></MARQUEE></MARQUEE></DIV>　

效果八：

代碼:效果8

<MARQUEE scrollAmount=3 behavior=alternate width="100%"><MARQUEE scrollAmount=3 width="98%"><DIV align=center><IMG src="http://image96.360doc.com/DownloadImg/2016/04/0519/69207898_1.gif"></DIV></MARQUEE></MARQUEE>　

效果9：

代碼:效果9

<MARQUEE scrollAmount=2 direction=down><DIV align=center><IMG src="http://wrxpt.go1./texiaodaima/02/100.gif"><br><br><IMG src="http://image96.360doc.com/DownloadImg/2016/04/0519/69207898_1.gif"><br><br> <IMG src="http://image96.360doc.com/DownloadImg/2016/04/0519/69207898_1.gif"><br><br> <IMG src="http://image96.360doc.com/DownloadImg/2016/04/0519/69207898_1.gif><br><br> <IMG src="http://image96.360doc.com/DownloadImg/2016/04/0519/69207898_1.gif"><br><br></DIV> </MARQUEE> <MARQUEE style=" FILTER: flipv(enabled=1)" scrollAmount=2 direction=down> <DIV align=center><IMG src="http://image96.360doc.com/DownloadImg/2016/04/0519/69207898_1.gif"><br><br> <IMG src="http://image96.360doc.com/DownloadImg/2016/04/0519/69207898_1.gif"><br><br> <IMG src="http://image96.360doc.com/DownloadImg/2016/04/0519/69207898_1.gif"><br><br> <IMG src="http://image96.360doc.com/DownloadImg/2016/04/0519/69207898_1.gif"><br><br> <IMG src="http://image96.360doc.com/DownloadImg/2016/04/0519/69207898_1.gif"><br><br></DIV> </MARQUEE>

效果10：

代碼:效果10

<DIV align=center> <MARQUEE scrollAmount=2 direction=up><DIV align=center><IMG src="http://image96.360doc.com/DownloadImg/2016/04/0519/69207898_1.gif"><br><br><IMG src="http://image96.360doc.com/DownloadImg/2016/04/0519/69207898_1.gif"><br><br> <IMG src="http://image96.360doc.com/DownloadImg/2016/04/0519/69207898_1.gif"><br><br> <IMG src="http://image96.360doc.com/DownloadImg/2016/04/0519/69207898_1.gif"><br><br> <IMG src="http://img.ph.126.net/pR-Q0KCWxE7cUHYa1fMfsg==/3337730273835472037.jpg"><br><br></DIV></MARQUEE> <MARQUEE style="FILTER: flipv(enabled=1)" scrollAmount=2 direction=up> <DIV align=center><IMG src="http://image96.360doc.com/DownloadImg/2016/04/0519/69207898_1.gif"><br><br> <IMG src="http://image96.360doc.com/DownloadImg/2016/04/0519/69207898_1.gif"><br><br> <IMG src="http://image96.360doc.com/DownloadImg/2016/04/0519/69207898_1.gif"><br><br> <IMG src="http://image96.360doc.com/DownloadImg/2016/04/0519/69207898_1.gif"><br><br> <IMG src="http://img.ph.126.net/pR-Q0KCWxE7cUHYa1fMfsg==/3337730273835472037.jpg"><br><br></DIV></MARQUEE>

圖片對(duì)開移動(dòng)：　

<TABLE cellSpacing=0 cellPadding=0 width=500 align=center border=0> <TBODY> <TR> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=120><IMG src="

http://image96.360doc.com/DownloadImg/2016/04/0519/69207898_1.gif"></MARQUEE></TD> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 width=120><IMG src="

http://image96.360doc.com/DownloadImg/2016/04/0519/69207898_1.gif"></MARQUEE></TD> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=120><IMG src="

http://image96.360doc.com/DownloadImg/2016/04/0519/69207898_1.gif"></MARQUEE></TD> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 width=120><IMG src="

http://image96.360doc.com/DownloadImg/2016/04/0519/69207898_1.gif"></MARQUEE></TD></TR></TBODY></TABLE>

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

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

?，)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表示↓,。

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

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

                代碼中金黃色和紅色部分是圖片地址。

如果你喜歡這篇日志,，舉手之勞,，請(qǐng)點(diǎn)擊右下角的《推薦》，讓更多的朋友分享