图片上下左右移动代码

博客教程与素材   2007-07-20 22:29   阅读689   评论2  
字号:    

图片向上移动代码

 
代码:
<center><marquee align="center" behavior="scroll" direction="up" height=150 scrollamount="2" scrolldely="10"><center><img src="图片地址"></img></center></marquee>
  图片向下移动代码
 
代码:
<center><marquee align="center" behavior="scroll" direction="down" height=150 scrollamount="2" scrolldely="10"><center><img src="图片地址"></img></center></marquee>

 图片向左移动代码

代码:
<center><marquee align="center" behavior="scroll" direction="left" height=150 scrollamount="2" scrolldely="10"><center><img src="图片地址"></img></center></marquee>

 图片向右移动代码
代码:
<center><marquee align="center" behavior="scroll" direction="right" height=150 scrollamount="2" scrolldely="10"><center><img src="http://img.woaiwap.com/dm/UploadPic/20061104/2006114121238813.gif"></img></center></marquee>
 
来回移动
<marquee width=100% behavior=alternate scrollamount=10><img src=http://img.blog.163.com/photo/DhqltUpWrDXmg89CjFLZdg==/486107284779580348.jpg 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://img.blog.163.com/photo/DhqltUpWrDXmg89CjFLZdg==/486107284779580348.jpg><img src=http://img.blog.163.com/photo/DhqltUpWrDXmg89CjFLZdg==/486107284779580348.jpg><font color=0000ff size=3 face=华文行楷></b></font></marquee></marquee>

示例:

中间向两边移动:

<center><br><marquee width=220 height=50><img src=http://img.blog.163.com/photo/DhqltUpWrDXmg89CjFLZdg==/486107284779580348.jpg width=90 height=30><font face=华文彩云 color=#0000ff size=5><br>中间向两边移动</font></marquee><marquee direction=right width=220 height=50><img src=http://img.blog.163.com/photo/DhqltUpWrDXmg89CjFLZdg==/486107284779580348.jpg 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="filter:flipv;"><img src="http://myok.blogchina.com/inc/myoklogo.gif" width=90></div></center></marquee>

示例:

 
 

 友情提示:="up"表示向上  ="down"表示向下   ="left"表示向左  ="right"表示向右

height=150你可以根据图片大小来设置合适的数值
scrolldely="10"移动速度 写入的数字越大速度越快
换掉图片地址为你想要的就OK!学会的朋友们记得回个贴

 

朋友,请不要复制本篇文章,想引用的朋友请点日志下方的--分享--再点引用到我的博客.请尊重原创,谢谢你的合作!

评论(?)
阅读(?)
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
网易公司版权所有 ©1997-2009