制作在边框内梦幻图片移动的代码及实例

圆形梦幻来回移动效果图

  

方形梦幻来回移动效果图

 

圆形梦幻循环移动效果图

 

 

方形梦幻循环移动效果图

 

 

 

 

 

 

图片素材一

<

图片素材二

 

圆形梦幻来回移动代码

<TABLE style="WIDTH: 100%; HEIGHT: 298px" borderColor=#ff0000 height=298 cellSpacing=10 cellPadding=10 width=280 align=center bgColor=#ff8c69 border=8 VALIGN="middle">
<TBODY>
<TR>
<TD>
<CENTER>
<MARQUEE scrollAmount=2 behavior=alternate><INPUT style="FILTER: alpha(opacity=100,style=2)" type=image height=240 width=180 src="http://static4.photo.sina.com.cn/middle/5e1a7abfg6f40dc5fe013&690"></INPUT></MARQUEE></CENTER></TD></TR></TBODY></TABLE>

 

 

方形梦幻来回移动代码

<TABLE style="WIDTH: 100%; HEIGHT: 298px" borderColor=#b452cd height=298 cellSpacing=10 cellPadding=10 width=280 align=center bgColor=#ffbbff border=8 VALIGN="middle">
<TBODY>
<TR>
<TD>
<CENTER>
<MARQUEE scrollAmount=2 behavior=alternate><INPUT style="FILTER: alpha(opacity=100,style=3)" type=image height=240 width=180 src="http://static4.photo.sina.com.cn/middle/5e1a7abfg6f40dc5fe013&690"></INPUT></MARQUEE></CENTER></TD></TR></TBODY></TABLE>

 

   

圆形梦幻循环移动代码

<TABLE style="WIDTH: 100%; HEIGHT: 298px" borderColor=#0000aa height=298 cellSpacing=10 cellPadding=10 width=280 align=center bgColor=#00eeee border=8 VALIGN="middle">
<TBODY>
<TR>
<TD>
<CENTER>
<MARQUEE scrollAmount=2 DIRECTIO="down"><INPUT style="FILTER: alpha(opacity=100,style=2)" type=image height=240 width=180 src=" http://userimage2.360doc.com/11/0125/18/770014_201101251852550472.gif"></INPUT></MARQUEE></CENTER></TD></TR></TBODY></TABLE>

 

 

方形梦幻循环移动代码

<TABLE style="WIDTH: 100%; HEIGHT: 298px" borderColor=#ff9933 height=298 cellSpacing=10 cellPadding=10 width=280 align=center bgColor=#ffff33 border=8 VALIGN="middle">
<TBODY>
<TR>
<TD>
<CENTER>
<MARQUEE scrollAmount=2 DIRECTIO="down"><INPUT style="FILTER: alpha(opacity=100,style=3)" type=image height=240 width=180 src=" http://userimage2.360doc.com/11/0125/18/770014_201101251852550472.gif"></INPUT></MARQUEE></CENTER></TD></TR></TBODY></TABLE>