图移例句

图片移动示例

一、从右向左移动：

<MARQUEE>

<IMG src="//image67.360doc.com/DownloadImg/2013/12/1213/37413563_1.jpg">

<BR><FONT color=#0000ff size=4>从右向左移动</FONT></MARQUEE>

效果1：

从右向左移动

二、从左向右移动：

<MARQUEE direction=right><IMG src="//image67.360doc.com/DownloadImg/2013/12/1213/37413563_2.jpg"

width=140 height=140><BR>

<FONT color=#0000ff size=4 face=宋体><B>从左向右移动</B></FONT></MARQUEE>

效果2：

从左向右移动

三、左右来回移动：

<MARQUEE behavior=alternate width="100%" scrollAmount=10>

<IMG src="//image67.360doc.com/DownloadImg/2013/12/1213/37413563_3.jpg"

width=150 height=160><BR><FONT color=#0000ff size=5 face=华文行楷><B>来回移动</B>

</FONT></MARQUEE>

效果3

来回移动

四、从下向上移动：

<MARQUEE direction=up scrollAmount=5>

<CENTER>

<IMG src="//image67.360doc.com/DownloadImg/2013/12/1213/37413563_4.jpg"

width=100 height=180></CENTER></MARQUEE>

效果4：

五、从上向下移动：

<MARQUEE direction=down scrollAmount=5>

<CENTER><FONT color=#0000ff size=5 face=华文行楷><B>从上向下移动</B></FONT><BR>

<IMG src="//image67.360doc.com/DownloadImg/2013/12/1213/37413563_4.jpg"

width=100 height=180></CENTER></MARQUEE>

效果5：

从上向下移动

六、上下起伏移动：

<MARQUEE>

<MARQUEE direction=up height=300 behavior=alternate><IMG src="//image67.360doc.com/DownloadImg/2013/12/1213/37413563_1.jpg">

<IMG src="//image67.360doc.com/DownloadImg/2013/12/1213/37413563_1.jpg">

</MARQUEE></MARQUEE>

效果6：

七、中间反向移动：

<DIV align=center>

<TABLE border=0 width=600 height=150>

<TBODY>

<TR>

<TD>

<MARQUEE height=150 width=300 scrollAmount=5><IMG style="FILTER: fliph" src="//image67.360doc.com/DownloadImg/2013/12/1213/37413563_5.gif" width=150 height=150></MARQUEE></TD>

<TD>

<MARQUEE direction=right height=150 width=300 scrollAmount=5>

<IMG style="MARGIN-LEFT: -150px" align=center src="//image67.360doc.com/DownloadImg/2013/12/1213/37413563_5.gif"

width=150 height=150></MARQUEE></TD></TR></TBODY></TABLE></DIV>

效果7：

八、上下反向移动：

<CENTER>

<MARQUEE direction=up scrollAmount=5><IMG style="TEXT-ALIGN: center; DISPLAY: block" src="//image67.360doc.com/DownloadImg/2013/12/1213/37413563_3.jpg" width=180></MARQUEE></CENTER>

<CENTER>

<MARQUEE direction=down scrollAmount=5>

<DIV style="FILTER: flipv; WIDTH: 400px"><IMG style="TEXT-ALIGN: center; DISPLAY: block" src="//image67.360doc.com/DownloadImg/2013/12/1213/37413563_3.jpg" width=180></DIV></MARQUEE></CENTER>

效果8：