一、图片向左移动
代码
<MARQUEE scrollAmount=2><IMG src="http://image7.360doc.com/DownloadImg/2010/02/0419/2284301_1.gif"><BR>从右向左移动</MARQUEE>
二、图片向右移动
代码
<MARQUEE scrollAmount=2 direction=right><IMG src="http://image7.360doc.com/DownloadImg/2010/02/0419/2284301_1.gif"><BR>从左向右移动</MARQUEE>
三、图片向上移动
代码
<CENTER>
<MARQUEE style="WIDTH: 300px; HEIGHT: 180px" scrollAmount=2 direction=up>
<P align=center><IMG src="http://image7.360doc.com/DownloadImg/2010/02/0419/2284301_1.gif"></P></MARQUEE></CENTER>
四、图片向下移动
代码
<CENTER>
<MARQUEE style="WIDTH: 300px; HEIGHT: 180px" scrollAmount=2 direction=down>
<P align=center><IMG src="http://image7.360doc.com/DownloadImg/2010/02/0419/2284301_1.gif"></P></MARQUEE></CENTER>
五、图片左右来回移动
代码
<P align=center>
<MARQUEE style="WIDTH: 500px; HEIGHT: 120px" scrollAmount=4 behavior=alternate><IMG src="http://image7.360doc.com/DownloadImg/2010/02/0419/2284301_1.gif"></MARQUEE></P>
六、图片上下来回移动
代码
<P align=center>
<MARQUEE style="WIDTH: 150px; HEIGHT: 210px" scrollAmount=4 direction=up behavior=alternate><IMG src="http://image7.360doc.com/DownloadImg/2010/02/0419/2284301_1.gif"></MARQUEE></P>
七、图片波浪式移动
代码
<MARQUEE style="WIDTH: 700px; HEIGHT: 150px" scrollAmount=2 direction=up behavior=alternate>
<MARQUEE direction=right><IMG src="http://image7.360doc.com/DownloadImg/2010/02/0419/2284301_1.gif"></MARQUEE></MARQUEE>
八、图片波浪式来回移动
代码
<MARQUEE style="WIDTH: 700px; HEIGHT: 180px" scrollAmount=2 direction=down behavior=alternate>
<MARQUEE scrollAmount=2 direction=right behavior=alternate><IMG src="http://image7.360doc.com/DownloadImg/2010/02/0419/2284301_1.gif"></MARQUEE></MARQUEE>
九、图片由中间向两边移动
代码
<P align=center>
<MARQUEE style="WIDTH: 300px; HEIGHT: 150px" scrollAmount=2><IMG src="http://image7.360doc.com/DownloadImg/2010/02/0419/2284301_1.gif"></MARQUEE>
<MARQUEE style="WIDTH: 300px; HEIGHT: 150px" scrollAmount=2 direction=right><IMG src="http://image7.360doc.com/DownloadImg/2010/02/0419/2284301_1.gif"></MARQUEE></P>
十、图片上下向中间移动
代码
<CENTER>
<MARQUEE style="WIDTH: 300px; HEIGHT: 180px" scrollAmount=2 direction=down>
<P align=center><IMG src="http://image7.360doc.com/DownloadImg/2010/02/0419/2284301_1.gif"></P></MARQUEE></CENTER>
<CENTER>
<MARQUEE style="WIDTH: 300px; HEIGHT: 180px" scrollAmount=2 direction=up>
<P align=center><IMG src="http://image7.360doc.com/DownloadImg/2010/02/0419/2284301_1.gif"></P></MARQUEE></CENTER>
十一、图片躲躲,跑给你追移动
代码
<MARQUEE behavior=alternate>
<MARQUEE scrollAmount=5 width=150><IMG src="http://image7.360doc.com/DownloadImg/2010/02/0419/2284301_1.gif"></MARQUEE></MARQUEE>
十二、图片躲躲,跑给你追移动
代码
<P align=center>
<MARQUEE style="WIDTH: 600px; HEIGHT: 150px" scrollAmount=5>
<MARQUEE style="WIDTH: 200px; HEIGHT: 150px" scrollAmount=5 direction=right><IMG src="http://image7.360doc.com/DownloadImg/2010/02/0419/2284301_1.gif"></MARQUEE></MARQUEE></P>
十三、图片躲躲,跑给你追移动
代码
<P align=center>
<MARQUEE scrollAmount=3 direction=down width=180 height=200>
<MARQUEE scrollAmount=3 direction=up height=180><IMG src="http://image7.360doc.com/DownloadImg/2010/02/0419/2284301_1.gif"></MARQUEE></MARQUEE></P>
十四、图片躲躲,跑给你追移动
代码
<P align=center>
<MARQUEE scrollAmount=3 direction=up behavior=alternate width=180 height=200>
<MARQUEE scrollAmount=3 direction=up height=150><IMG src="http://image7.360doc.com/DownloadImg/2010/02/0419/2284301_1.gif"></MARQUEE></MARQUEE></P>
十五、图片往上飘移
代码
<P align=center>
<MARQUEE scrollAmount=3 behavior=alternate width=600 height=300>
<MARQUEE scrollAmount=3 direction=up width=150 height=300><IMG src="http://image7.360doc.com/DownloadImg/2010/02/0419/2284301_1.gif"></MARQUEE></MARQUEE></P>
十六、图片走走停停
代码
<P align=center>
<MARQUEE scrollAmount=3 behavior=alternate width=600>
<MARQUEE scrollAmount=3 behavior=alternate width=200><IMG src="http://image7.360doc.com/DownloadImg/2010/02/0419/2284301_1.gif"></MARQUEE></MARQUEE></P>
十七、多图片向上移动
代码
<CENTER>
<MARQUEE style="WIDTH: 300px; HEIGHT: 250px" scrollAmount=2 direction=up>
<P align=center><IMG src="http://image7.360doc.com/DownloadImg/2010/02/0419/2284301_1.gif"> <BR><IMG src="http://image7.360doc.com/DownloadImg/2010/02/0419/2284301_1.gif"> <BR><IMG src="http://image7.360doc.com/DownloadImg/2010/02/0419/2284301_1.gif"> </P></MARQUEE></CENTER>
十八、图片对开移动
代码
<TABLE width=400 align=center>
<TBODY>
<TR>
<TD align=middle width=100>
<MARQUEE scrollAmount=1 direction=right><IMG src="http://image7.360doc.com/DownloadImg/2010/02/0419/2284301_1.gif"></MARQUEE></TD>
<TD align=middle width=100>
<MARQUEE scrollAmount=1><IMG src="http://image7.360doc.com/DownloadImg/2010/02/0419/2284301_1.gif"></MARQUEE></TD>
<TD align=middle width=100>
<MARQUEE scrollAmount=1 direction=right><IMG src="http://image7.360doc.com/DownloadImg/2010/02/0419/2284301_1.gif"></MARQUEE></TD>
<TD align=middle width=100>
<MARQUEE scrollAmount=1><IMG src="http://image7.360doc.com/DownloadImg/2010/02/0419/2284301_1.gif"></MARQUEE></TD></TR></TBODY></TABLE>
十九、图片展开和收起
代码
<MARQUEE scrollAmount=3 direction=down height=128>
<MARQUEE scrollAmount=3 direction=up height=128><IMG style="DISPLAY: block; TEXT-ALIGN: center" src="http://image7.360doc.com/DownloadImg/2010/02/0419/2284301_1.gif"></MARQUEE></MARQUEE>
注:移动高度=图片高度
二十、图片展开和收起
<P align=center>
<MARQUEE scrollAmount=3 width=128 height=128>
<MARQUEE scrollAmount=3 direction=right width=128 height=128><IMG style="DISPLAY: block; TEXT-ALIGN: center" src="http://image7.360doc.com/DownloadImg/2010/02/0419/2284301_1.gif"></MARQUEE></MARQUEE></P>
注:移动宽度=图片宽度
二十一、图片移动特效+Flash