2010年4月13日[引用]碎羽残舞博客xx
2010-04-13 10:15:46 阅读5 评论0 字号：大中小
图片移动效果演示及代码
注意: 各参数详解：
（1）scrollAmount。它表示速度，值越大速度越快。如果没有它，默认为6，建议设为1～3比较好。
（2）width和height，表示滚动区域的大小，width是宽度，height是高度。特别是在做垂直滚动的时候，一定要设height的值。
（3）direction。表示滚动的方向，默认为从右向左：←←←。可选的值有right、down、up。滚动方向分别为：right表示→→→，up表示↑，down表示↓。
（4）scrollDelay，这也是用来控制速度的，默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的。
（5）beha
（6）蓝色地方是图片地址，可以换上自己喜欢的图片。
1.图片向上移动代码：
<MARQUEE scrollAmount=3 direction=up>
<P> <IMG height=240 src="" width=180>
</P>
<P><IMG height=240 src="" width=180>
</P>
<P><IMG height=240 src="" width=180>
</MARQUEE>
效果图：
2.图片向下移动的代码：
<MARQUEE scrollAmount=3 direction=down>
<P> <IMG height=240 src="" width=180>
</P>
<P><IMG height=240 src="" width=180>
</P>
<P><IMG height=240 src="" width=180>
</MARQUEE>
效果图：
3.图片向左移动的代码：
<MARQUEE scrollAmount=3 >
<IMG height=240 src="" width=180>
<IMG height=240 src="" width=180>
<IMG height=240 src="" width=180>
</MARQUEE>
效果图：
4.图片向右移动的代码：
<MARQUEE direction=right scrollAmount=3 >
<IMG height=240 src="" width=180>
<IMG height=240 src="" width=180>
<IMG height=240 src="" width=180>
</MARQUEE>
效果图：
5.图片来回移动代码：
<MARQUEE width={bfb} behavior=alternate scrollAmount=3 >
<IMG height=240 src="" width=180>
<IMG height=240 src="" width=180>
<IMG height=240 src="" width=180>
</MARQUEE>
效果图：
6.图片居中向两边移动的代码：
<center><br><marquee width=180 height=240>
<img src= width=180 height=240>
<img src= width=180 height=240>
</marquee><marquee direction=right width=180 height=240>
<img src= width=180 height=240>
<img src= width=180 height=240>
</marquee></font></center>
效果图：
7.图片居中上下移动代码：
<marquee direction=up scrollamount=3><center>
<P><img src="" width=180 height=240></P>
<P><img src="" width=180 height=240></P></marquee></center>
<marquee direction=down scrollamount=3><center><div style="width:180;filter:flipv;">
<p><img src="" width=180 height=240></P>
<p><img src="" width=180 height=240></p></div></center></marquee>
效果图：
8.图片向左慢慢挪移的代码：
<MARQUEE scrollAmount=3 behavior=alternate width="{bfb}"><MARQUEE scrollAmount=3 width="98%"><DIV align=center>
<IMGsrc="
</MARQUEE>
效果图：
10.图片居中下上移动的代码：
<MARQUEE scrollAmount=2 direction=down><DIV align=center><IMG src=" src="> <IMG src="> <IMG src="> <IMG src="> </MARQUEE>
<MARQUEE style=" FILTER: flipv(enabled=1)" scrollAmount=2 direction=down> <DIV align=center><IMG src="> <IMG src="> <IMG src="> <IMG src="> <IMG src="> </MARQUEE>
效果图：
11.图片对开移动的代码：
<P> </P>
<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="
</MARQUEE></TD> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 width=120>
<IMG src="
</MARQUEE></TD> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=120>
<IMG src="
</MARQUEE></TD> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 width=120>
<IMG src="
</MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>
效果图：
12.代码及效果1：
<MARQUEE scrollAmount=3 direction=down height=350>
<MARQUEE scrollAmount=3 direction=up height=350>
<DIV align=center><IMG src="
</DIV></MARQUEE></MARQUEE>
15.代码及效果2 ：
<MARQUEE scrollAmount=3 direction=up height=350>
<MARQUEE scrollAmount=3 direction=down height=350>
<DIV align=center>
<IMG src="
</DIV></MARQUEE></MARQUEE>
