图片移动集锦代码

一、向左移动

<marquee><img src=http://image18.360doc.com/DownloadImg/2010/12/0706/7425660_2.jpg<br></marquee>

 

 

二、向右移动

<marquee direction=right><img src=http://image18.360doc.com/DownloadImg/2010/12/0706/7425660_2.jpg width=90 height=90>

 

三、向上移动

<MARQUEE scrollAmount=2 direction=up>

<CENTER><FONT face=华文行楷 color=#0000ff size=5><B></B></FONT><BR><IMG style="WIDTH: 162px; HEIGHT: 180px" height=30 src="http://image18.360doc.com/DownloadImg/2010/12/0706/7425660_2.jpg " width=90></CENTER></MARQUEE>

 

 

 

四、向下移动

<marquee direction=down scrollamount=5><center><font color=0000ff size=5 face=华文行楷><b></b></font><br><img src=http://image18.360doc.com/DownloadImg/2010/12/0706/7425660_2.jpg width=90 height=90></marquee>

 

 

  五、来回移动

<marquee width=100% behavior=alternate scrollamount=10><img src=http://image18.360doc.com/DownloadImg/2010/12/0706/7425660_2.jpg width=90 height=90><br><font color=0000ff size=5 face=华文行楷><b></b></font></marquee>

 

 

六、中间向两边移动

<center><br><marquee width=220 height=120><img src=http://image18.360doc.com/DownloadImg/2010/12/0706/7425660_2.jpg width=90 height=90><font face=华文彩云 color=#0000ff size=5><br></font></marquee><marquee direction=right width=220 height=120><img src=http://image18.360doc.com/DownloadImg/2010/12/0706/7425660_2.jpgwidth=90 height=90><font face=华文彩云 color=#0000ff size=5><br><br></marquee></font></center>

 

 

七、图片对开

<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://image18.360doc.com/DownloadImg/2010/12/0706/7425660_2.jpg"></MARQUEE></TD> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 width=120><IMG src="

http://image18.360doc.com/DownloadImg/2010/12/0706/7425660_2.jpg"></MARQUEE></TD> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=120><IMG src="

http://image18.360doc.com/DownloadImg/2010/12/0706/7425660_2.jpg"></MARQUEE></TD> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 width=120><IMG src="

http://image18.360doc.com/DownloadImg/2010/12/0706/7425660_2.jpg"></MARQUEE></TD></TR></TBODY></TABLE>

 

 

注: 各参数详解：

a)scrollAmount。它表示速度，值越大速度越快。如果没有它，默认为6，建议设为1～3比较好。

b)width和height，表示滚动区域的大小，width是宽度，height是高度。特别是在做垂直滚动的时候，一定要设height的值。

c)direction。表示滚动的方向，默认为从右向左：←←←。可选的值有right、down、up。滚动方向分别为：right表示→→→，up表示↑，down表示↓。

d)scrollDelay，这也是用来控制速度的，默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的。

e)behavior。用它来控制属性，默认为循环滚动，可选的值有alternate(交替滚动)、slide(幻灯片效果，指的是滚动一次，然后停止滚动)