【图片移动的效果代码】【来原网络】

个人日记

 ★1.图片向上移动效果图:★

图片移动特效制作与代码 - 金峰 - 金峰的博客

图片移动特效制作与代码 - 金峰 - 金峰的博客

图片移动特效制作与代码 - 金峰 - 金峰的博客

   

★1.图片向上移动效果代码:★

<CENTER>

<MARQUEE width=240 scrollAmount=3 height=200 direction=up>
<P><IMG height=320 src="width=240></P>
<P><IMG height=320 src="width=240></P>
<P><IMG height=320 src="width=240></P>
</MARQUEE></CENTER>

★2.图片向下移动效果图:★

 

图片移动特效制作与代码 - 金峰 - 金峰的博客

图片移动特效制作与代码 - 金峰 - 金峰的博客

图片移动特效制作与代码 - 金峰 - 金峰的博客

★2.图片向下移动的效果代码:★

<CENTER>

<MARQUEE width=240 scrollAmount=3 height=200 direction=down>
<P><IMG height=320 src="width=240></P>
<P><IMG height=320 src="width=240></P>
<P><IMG height=320 src="width=240></P>
</MARQUEE></CENTER>

★3、图片向右移动的效果图:★

图片移动特效制作与代码 - 金峰 - 金峰的博客 图片移动特效制作与代码 - 金峰 - 金峰的博客 图片移动特效制作与代码 - 金峰 - 金峰的博客
★3、图片向右移动的效果代码:★
<CENTER>
<MARQUEE width=300 scrollAmount=3 height=320 direction=right>
<IMG height=320 src="width=240></A>
<IMG height=320 src="width=240></A>
<IMG height=320 src="width=240></A>
</MARQUEE></CENTER>
★4.图片向左移动的效果图:★
图片移动特效制作与代码 - 金峰 - 金峰的博客 图片移动特效制作与代码 - 金峰 - 金峰的博客 图片移动特效制作与代码 - 金峰 - 金峰的博客 图片移动特效制作与代码 - 金峰 - 金峰的博客 图片移动特效制作与代码 - 金峰 - 金峰的博客
★4.图片向左移动的效果代码:★
<CENTER>
<MARQUEE width=300 scrollAmount=3 height=320 >
<IMG height=320 src="width=240>
<IMG height=320 src=" width=240>
<IMG height=320 src="width=240>
</MARQUEE></CENTER>
★5.图片来回移动效果图:★
图片移动特效制作与代码 - 金峰 - 金峰的博客 图片移动特效制作与代码 - 金峰 - 金峰的博客 图片移动特效制作与代码 - 金峰 - 金峰的博客
★5.图片来回移动效果代码:★
<CENTER>
<MARQUEE width=300 scrollAmount=3 height=320 behavior="alternate">
<IMG height=240 src="width=240></A>
<IMG height=240 src="width=240></A>
<IMG height=240 src="width=240></A>
</MARQUEE></CENTER>
★6.图片居中向两边移动的效果图:★
图片移动特效制作与代码 - 金峰 - 金峰的博客 图片移动特效制作与代码 - 金峰 - 金峰的博客 图片移动特效制作与代码 - 金峰 - 金峰的博客 图片移动特效制作与代码 - 金峰 - 金峰的博客
★6.图片居中向两边移动的效果代码:★
<center><marquee width=240 scrollAmount=3 height=320>
<img width=240 src=图片地址1 height=320>
<img width=240  src=图片地址2 height=320>
</marquee><marquee direction=right width=240 scrollAmount=3 height=320>
<img width=240  src=图片地址2 height=320>
<img width=240  src=图片地址1 height=320>
</marquee></center>
★7.图片居中上下分开移动效果图:★

图片移动特效制作与代码 - 金峰 - 金峰的博客

图片移动特效制作与代码 - 金峰 - 金峰的博客

图片移动特效制作与代码 - 金峰 - 金峰的博客

图片移动特效制作与代码 - 金峰 - 金峰的博客

★7.图片居中上下分开移动的效果代码:★
<marquee direction=up scrollAmount=3><center>
<P><img src="width=240 height=320></P>
<P><img src="width=240 height=320></P>
</marquee></center>
<marquee direction=down scrollAmount=3><center><div style="
<p><img src="图片地址2" width=240 height=320></P>
<p><img src="图片地址1width=240 height=320></p>
</div></marquee></center>
★8.图片对开移动的效果图:★
图片移动特效制作与代码 - 金峰 - 金峰的博客 图片移动特效制作与代码 - 金峰 - 金峰的博客 图片移动特效制作与代码 - 金峰 - 金峰的博客 图片移动特效制作与代码 - 金峰 - 金峰的博客
★8.图片对开移动的效果代码:★
<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 width=240 src="图片地址1" height=320>
</MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=120>
<IMG width=240 src="图片地址2" height=320>
</MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=120>
<IMG width=240 src="图片地址1" height=320>
</MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=120>
<IMG width=240 src="图片地址2" height=320>
</MARQUEE></TD>
</TR></TBODY></TABLE>
★9.由上至下隐现效果图:★
图片移动特效制作与代码 - 金峰 - 金峰的博客
★9.由上至下隐现效果代码:★
<MARQUEE scrollAmount=3 direction=down height=320>
<MARQUEE scrollAmount=3 direction=up height=320>
<DIV align=center>
<IMG height=320 src="图片地址" width=240>
</DIV></MARQUEE>
★10.由下至上隐现效果图 :★
图片移动特效制作与代码 - 金峰 - 金峰的博客
★10.由下至上隐现效果代码 :★
<MARQUEE scrollAmount=3 direction=up height=320>
<MARQUEE scrollAmount=3 direction=down height=320>
<DIV align=center>
<IMG height=320 src="图片地址" width=240>
</DIV></MARQUEE>
图片移动特效制作与代码 - 金峰 - 金峰的博客 图片移动特效制作与代码 - 金峰 - 金峰的博客 图片移动特效制作与代码 - 金峰 - 金峰的博客 图片移动特效制作与代码 - 金峰 - 金峰的博客 图片移动特效制作与代码 - 金峰 - 金峰的博客 图片移动特效制作与代码 - 金峰 - 金峰的博客 图片移动特效制作与代码 - 金峰 - 金峰的博客 图片移动特效制作与代码 - 金峰 - 金峰的博客 图片移动特效制作与代码 - 金峰 - 金峰的博客 图片移动特效制作与代码 - 金峰 - 金峰的博客
★★★★★代码中的各参数详解★★★★★
      1: scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。

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

        3:direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。

        4:scrollDelay,这也是用来控制速度的,默认为90,值越大,速

文章评论