图片移动特效

一、向左移动
<marquee><img src=http://myok.blogchina.com/inc/myoklogo.gif><br>从右向左移动</marquee>

二、向右移动
<marquee direction=right><img src=http://myok.blogchina.com/inc/myoklogo.gif width=90

height=30><br><font color=0000ff size=3 face=宋体><b>从左向右移动</b></font></marquee>

三、向上移动
<marquee direction=up οnmοuseοver=this.stop() scrollamount=5 οnmοuseοut=this.start()><center><img

src=http://myok.blogchina.com/inc/myoklogo.gif width=90 height=30></center></marquee>

四、向下移动
<marquee direction=down scrollamount=5><center><font color=0000ff size=5 face=华文行楷><b>向下移

动</b></font><br><img src=http://myok.blogchina.com/inc/myoklogo.gif width=90

height=30></marquee>

五、来回移动
<marquee width=100% behavior=alternate scrollamount=10><img

src=http://myok.blogchina.com/inc/myoklogo.gif width=90 height=30><br><font color=0000ff size=5

face=华文行楷><b>来回移动</b></font></marquee>

六、上下起伏
<marquee direction=left><marquee behavior=alternate direction=up height=100><img

src=http://myok.blogchina.com/inc/myoklogo.gif><img

src=http://myok.blogchina.com/inc/myoklogo.gif><font color=0000ff size=3 face=华文行楷

></b></font></marquee></marquee>

八、中间向两边移动：
<center><br><marquee width=220 height=50><img src=http://myok.blogchina.com/inc/myoklogo.gif

width=90 height=30><font face=华文彩云 color=#0000ff size=5><br>中间向两边移动

</font></marquee><marquee direction=right width=220 height=50><img

src=http://myok.blogchina.com/inc/myoklogo.gif width=90 height=30><font face=华文彩云

color=#0000ff size=5><br>中间向两边移动<br></marquee></font></center>

九、中间上下移动：
<marquee direction=up οnmοuseοver=this.stop() scrollamount=3 οnmοuseοut=this.start><center><img src=http://myok.blogchina.com/inc/myoklogo.gif width=90></marquee></center><marquee direction=down scrollamount=3><center><div style="width:400;filter:flipv;"><img src="http://myok.blogchina.com/inc/myoklogo.gif" width=90></div></center></marquee>

转载于:https://www.cnblogs.com/jcomet/archive/2008/07/14/1242828.html