有說有笑學做貼

一大潛艇潛五年,兼存並納,好快活!一日忽得了一怪病:不能浮出水麵了。覓得一良醫開方曰:此乃消化不良,快發貼吧,清除累積,就好了。
正文

移動圖片實例

(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   網址

[ 打印 ]
閱讀 ()評論 (2)
評論
目前還沒有任何評論
登錄後才可評論.