移动图片实例

一大潜艇潜五年,兼存并纳,好快活!一日忽得了一怪病:不能浮出水面了。觅得一良医开方曰:此乃消化不良,快发贴吧,清除累积,就好了。
打印 被阅读次数

示例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   网址

登录后才可评论.