【转载】【原创】图片移动代码集锦

一、从右向左移动

<marquee><img src="//img1.ph.126.net/sJ86_aNqmSjYvyHhaC6Xmw=

=/6597686592681677698.gif"4<br>从右向左移动</marquee>

示例：向左移动

从右向左移动

二、向右移动

<marquee direction=right><img src=

"http://img1.ph.126.net/sJ86_aNqmSjYvyHhaC6Xmw==/6597686592681677698.gif"

width=290 height=290><br><font color=0000ff size=3 face=宋体>

<b>从左向右移动</b></font></marquee>

示例：从左向右移动

从左向右移动

三、向上移动

<MARQUEE scrollAmount=3 direction=down height=371><MARQUEE scrollAmount=3

direction=upheight=371> <DIV align=center><IMG src="

"http://image78.360doc.com/DownloadImg/2014/09/0406/44864895_5.gif"">

</DIV></MARQUEE>

</MARQUEE>

示例：向上移动

四、向下移动

<marquee direction=down scrollamount=5><center><font color=0000ff size=5 face=华文行楷>

<b>向下移动</b></font><br><img src="//img1.ph.126.net/sJ86_aNqmSjYvyHha

C6Xmw==/6597686592681677698.gif" width=190 height=130></marquee>

示例：向下移动

向下移动

五、中间向两边移动

<center><br><marquee width=300 height=200><img src=

http://img2.ph.126.net/aRZ9_e-zC2cmtVYVHpbz3Q==/3288190678034204627.gif

width=390 height=300><font face=华文彩云 color=#0000ff size=5><br>中间向两边移动</font></marquee><marquee direction=right width=300 height=200><img src=

http://img2.ph.126.net/aRZ9_e-zC2cmtVYVHpbz3Q==/3288190678034204627.gif

width=390 height=300><font face=华文彩云 color=#0000ff size=5><br>中间向两边移动<br></marquee></font></center>

示例：中间向两边移动

中间向两边移动

中间向两边移动

六、上下来回移动

<MARQUEE scrollAmount=3 direction=left width=330 height=371><MARQUEE scrollAmount=3

direction=right width=330 height=371> <DIV align=center><IMG src="

"http://image78.360doc.com/DownloadImg/2014/09/0406/44864895_5.gif"">

</DIV></MARQUEE></MARQUEE>

示例：上下来回移动

七、自由移动

<MARQUEE scrollAmount=2 direction=up behavior=alternate height=471><MARQUEE

scrollAmount=2 direction=up height=371> <DIV align=center><IMG src="

"http://image78.360doc.com/DownloadImg/2014/09/0406/44864895_5.gif"">

</DIV></MARQUEE></MARQUEE>

示例：自由移动

八、左右移动

<DIV align=center> <MARQUEE scrollAmount=2 behavior=alternate width=630

height=471><MARQUEE scrollAmount=2 direction=up width=330 height=471><IMG src="

"http://image78.360doc.com/DownloadImg/2014/09/0406/44864895_5.gif"">

</MARQUEE></MARQUEE></DIV>

示例：左右移动

待续···

注: 各参数详解：

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(幻灯片效果，指的是滚动一次，然后停止滚动)

如果，能给您带来一些帮助，那便是我的快乐和安慰了。  醉墨借助网络博客，祝愿来我博客的朋友：身体健康、工作顺意。祝朋友们写博愉快!

音乐：最新网络歌曲20首