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