互做友情連接點此進入
金峰博客歡迎你
1.圖片向上移動效果圖：
1.圖片向上移動效果代碼：
<CENTER>
<MARQUEE width=240 scrollAmount=3 height=200 direction=up>
<P><IMG height=320 src="圖片地址1" width=240></P>
<P><IMG height=320 src="圖片地址2" width=240></P>
<P><IMG height=320 src="圖片地址3" width=240></P>
</MARQUEE></CENTER>
2.圖片向下移動效果圖：
2.圖片向下移動的效果代碼：
<CENTER>
<MARQUEE width=240 scrollAmount=3 height=200 direction=down>
<P><IMG height=320 src="圖片地址1" width=240></P>
<P><IMG height=320 src="圖片地址2" width=240></P>
<P><IMG height=320 src="圖片地址3" width=240></P>
</MARQUEE></CENTER>
3、圖片向右移動的效果圖：
3、圖片向右移動的效果代碼：
<CENTER>
<MARQUEE width=300 scrollAmount=3 height=320 direction=right>
<IMG height=320 src="圖片地址1" width=240></A>
<IMG height=320 src="圖片地址2" width=240></A>
<IMG height=320 src="圖片地址3" width=240></A>
</MARQUEE></CENTER>
4.圖片向左移動的效果圖：
4.圖片向左移動的效果代碼：
<CENTER> <MARQUEE width=300 scrollAmount=3 height=320 >
<IMG height=320 src="圖片地址1" width=240>
<IMG height=320 src="圖片地址2" width=240>
<IMG height=320 src="圖片地址3" width=240>
</MARQUEE></CENTER>
5.圖片來回移動效果圖：
5.圖片來回移動效果代碼：
<CENTER>
<MARQUEE width=300 scrollAmount=3 height=320 behavior="alternate">
<IMG height=240 src="圖片地址1" width=240></A>
<IMG height=240 src="圖片地址2" width=240></A>
<IMG height=240 src="圖片地址3" width=240></A>
</MARQUEE></CENTER>
6.圖片居中向兩邊移動的效果圖：
6.圖片居中向兩邊移動的效果代碼：
<center><marquee width=240 scrollAmount=3 height=320>
<img width=240 src=圖片地址1 height=320>
<img width=240 src=圖片地址2 height=320>
</marquee><marquee direction=right width=240 scrollAmount=3 height=320>
<img width=240 src=圖片地址2 height=320>
<img width=240 src=圖片地址1 height=320>
</marquee></center>
7.圖片居中上下分開移動效果圖：
7.圖片居中上下分開移動的效果代碼：
<marquee direction=up scrollAmount=3><center> <P><img src="圖片地址1" width=240 height=320></P> <P><img src="圖片地址2" width=240 height=320></P> </marquee></center> <marquee direction=down scrollAmount=3><center><div style="width:240;filter:flipv;"> <p><img src="圖片地址2" width=240 height=320></P> <p><img src="圖片地址1" width=240 height=320></p> </div></marquee></center>
8.圖片對開移動的效果圖：
8.圖片對開移動的效果代碼：
<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 width=240 src="圖片地址1" height=320>
</MARQUEE></TD> <TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=120>
<IMG width=240 src="圖片地址2" height=320>
</MARQUEE></TD> <TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=120>
<IMG width=240 src="圖片地址1" height=320>
</MARQUEE></TD> <TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=120>
<IMG width=240 src="圖片地址2" height=320>
</MARQUEE></TD> </TR></TBODY></TABLE>
9.由上至下隱現(xiàn)效果圖：
9.由上至下隱現(xiàn)效果代碼：
<MARQUEE scrollAmount=3 direction=down height=320>
<MARQUEE scrollAmount=3 direction=up height=320>
<DIV align=center>
<IMG height=320 src="圖片地址" width=240> </DIV></MARQUEE>
10.由下至上隱現(xiàn)效果圖 ：
10.由下至上隱現(xiàn)效果代碼 ：
<MARQUEE scrollAmount=3 direction=up height=320>
<MARQUEE scrollAmount=3 direction=down height=320>
<DIV align=center>
<IMG height=320 src="圖片地址" width=240>
</DIV></MARQUEE>
代碼中的各參數(shù)詳解
（1）scrollAmount。它表示速度，值越大速度越快。如果沒有它，默認為6，建議設為1～3比較好。
（2）width和height，表示滾動區(qū)域的大小，width是寬度，height是高度。特別是在做垂直滾動的時候，一定要設height的值。
（3）direction。表示滾動的方向，默認為從右向左：←←←?？蛇x的值有right、down、up。滾動方向分別為：right表示→→→，up表示↑，down表示↓。
（4）scrollDelay，這也是用來控制速度的，默認為90，值越大，速度越慢。通常scrollDelay是不需要設置的。
（5）behavior。用它來控制屬性，默認為循環(huán)滾動，可選的值有alternate(交替滾動)、slide(幻燈片效果，是滾動一次，然后停止?jié)L動)
（6）粉色地方是圖片地址，換上自己喜歡的圖片。
代碼語言分析解釋：
1.背景顏色地方 表示效果中限制的圖片大小值，width=寬 height=高
2.scrollAmount=3地方表示滾動速度 其中3表示數(shù)值 數(shù)值1到6 默認為6 提示：1到3為最佳效果。
3.width=240表示圖片的寬度 參照圖片大小修改 以上效果演示圖寬=240
4.height=320表示圖片的高度 參照圖片大小修改 以上效果演示圖高=320
5.粉色地方表示圖片的地址 可以替換你喜歡的圖片地址 如以上代碼的圖片地址 圖片地址1 圖片地址2 圖片地址3等均為圖片地址 表明 1.2.3.是為了有些效果中有些相同的圖片.有些特效想多加圖片數(shù)量，只需要將：<IMG height=240 src="圖片地址" width=240></A> 這組代碼加在代碼：</DIV></MARQUEE>前面就可以了，需要幾幅就加幾組。
最后 代碼的演示還要自己親自動手去體會，有許多技巧需要朋友們在制作中去參悟和修改。
金峰博客歡迎你
歡迎來到金峰博客！
