会跑的图片－怎样让图片动起来

会跑的图片－怎样让图片动起来

 

    美化博客还有一个手段，就是让图片动起来。把自己喜欢的图片放在博客里，并且让它按照自己的意愿朝着不同的方向移动，也很有趣。下面就来介绍几种移动图片的方法：

    1、图片雾花加移动效果

<MARQUEE scrollAmount=2 direction=right><INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=200 src="图片网址"></MARQUEE>

    2、上移图片

   <MARQUEE scrollAmount=1 direction=up  height=600>
<TABLE style="WIDTH: 500px; HEIGHT: 375px" borderColor=#cccccc cellSpacing=2 cellPadding=3 background=图片网址 border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></MARQUEE>

    注明：direction=up 为图片向上，如果欲让图片向下移动，则改为down ，向右移动改为right，向左移动改为 left，width 为图片的宽度，height为图片的高度

    3、图片相反移动效果

    <MARQUEE width=500 height=350><IMG src="图片1网址"><IMG src="图片2网址"><IMG src="图片3网址"></MARQUEE>
<MARQUEE direction=right width=500 height=350><IMG src="图片4网址"><IMG src="图片5网址"><IMG src="图片6网址"></MARQUEE>

    4、一组图片右移效果

   <MARQUEE scrollAmount=2 direction=right width="100%">
<P align=center><IMG src="图片1网址"><IMG src="图片2网址"><IMG src="图片3网址"> <IMG src="图片4网址"> <IMG src="图片5网址"> <IMG src="图片6网址"> <IMG src="图片7网址"> <IMG src="图片8网址"> <IMG src="图片9网址"> </P></MARQUEE> 

    注明：（1）如果想让图片向左移动，则将direction=right改为left即可

          （2）图片尺寸最好一样大小

   5、一张变四张对开的效果

<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=130><IMG src="图片网址"></MARQUEE></TD><TD align=middle><MARQUEE scrollAmount=1 scrollDelay=130 width=100><IMG src="图片网址"></MARQUEE></TD><TD align=middle><MARQUEE scrollAmount=1 scrollDelay=130 direction=right width=100><IMG src="图片网址"></MARQUEE></TD><TD align=middle><MARQUEE scrollAmount=1 scrollDelay=130 width=100><IMG src="图片网址"></MARQUEE></TD><TD align=middle><MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=130><IMG src="图片网址"></MARQUEE>

    还有一些效果，在这里就不说了，祝大家能够成功，美化自己的博客，开心每天！