图片移动特效

一、向左移动
<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 onmouseover=this.stop() scrollamount=5 onmouseout=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 onmouseover=this.stop() scrollamount=3 onmouseout=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>

posted @ 2008-07-14 19:19  洗碗心得  阅读(471)  评论(0编辑  收藏  举报