移动图片实例
文章来源: 新网2005-08-12 08:54:42

示例1:最简单的图片移动特效———图片水平向左循环移动

  
说明:这里在<marquee>标记中没有再入任何设置命令(如移动方向、移动速度等命令),而是利用了论坛系统对marquee的默认设置。
 

 
  应用方法:将下面代码粘贴到帖子html编辑方式下的<div>与<div>之间:
 
<marquee>
<img src="http://unibbs.unibbs.com/images/upphoto/647253.jpg">
<img src="http://unibbs.unibbs.com/images/upphoto/647264.jpg">
<img src="http://unibbs.unibbs.com/images/upphoto/647269.jpg">
<img src="http://unibbs.unibbs.com/images/upphoto/647247.jpg">
<img src="http://unibbs.unibbs.com/images/upphoto/648164.gif">
<img src="http://unibbs.unibbs.com/images/upphoto/648169.gif">
<img src="http://unibbs.unibbs.com/images/upphoto/648177.gif">
<img src="http://unibbs.unibbs.com/images/upphoto/648182.gif">
<img src="http://unibbs.unibbs.com/images/upphoto/648186.gif">
<img src="http://unibbs.unibbs.com/images/upphoto/648189.gif">
</marquee>

 

 示例2:图片水平向右循环移动
 
  
说明:这里在<marquee>标记中仅加入了移动方向的控制命令direction=right,其它设置仍利用论坛系统对marquee的默认值。


 
  应用方法:将下面代码粘贴到帖子html编辑方式下的<div>与<div>之间:
 
<marquee direction=right>
<img src="http://unibbs.unibbs.com/images/upphoto/647253.jpg">
<img src="http://unibbs.unibbs.com/images/upphoto/647264.jpg">
<img src="http://unibbs.unibbs.com/images/upphoto/647269.jpg">
<img src="http://unibbs.unibbs.com/images/upphoto/647247.jpg">
<img src="http://unibbs.unibbs.com/images/upphoto/648164.gif">
<img src="http://unibbs.unibbs.com/images/upphoto/648169.gif">
<img src="http://unibbs.unibbs.com/images/upphoto/648177.gif">
<img src="http://unibbs.unibbs.com/images/upphoto/648182.gif">
<img src="http://unibbs.unibbs.com/images/upphoto/648186.gif">
<img src="http://unibbs.unibbs.com/images/upphoto/648189.gif">
</marquee>

 

http://club.heima.com/show_topic.aspx?forumid=300953&topicid=649381   网址