滚 动 图 片 代 码

转自：http://www.xywq.com/suoxue/files/f-21/gundong-28.htm

我们上网时经常会看到有滚动的照片，现将制作的方法介绍如下：
　　将以下代码加入需要滚动的位置，（如上图）在每个照片的位置放上你所需要的照片即可。

<!-- 从右边向左滚，有指停功能。普通marquee -->
<marquee behavior="scroll" direction="left" loop="infinite" scrollamount="3" onmouseover='this.stop()' onmouseout='this.start()'>
<img src="../../../xiyuan/img/i-meihua/xm-02.jpg" width="100" height="75"> 
<img src="../../../xiyuan/img/i-meihua/xm-04.jpg" width="100" height="75"> 
<img src="../../../xiyuan/img/i-meihua/xm-05.jpg" width="100" height="75"> 
<img src="../../../xiyuan/img/i-meihua/xm-08.jpg" width="100" height="75"> 
<img src="../../../xiyuan/img/i-meihua/xm-09.jpg" width="100" height="75"> 
<img src="../../../xiyuan/img/i-meihua/xm-13.jpg" width="100" height="75"> 
</marquee></td>

　　　　使用说明：
　　behavior="scroll" 滚动的方式，scroll 为一圈一圈绕着走。
　　scrollAmount=3 滚动的速度，数值越大，速度越快，反之则慢。
　　direction=left 滚动的方向 left 是由右向左。
　　onmouseover='this.stop()' 有止停功能，this.stop() 鼠标放上就停止。
　　onmouseout='this.start()' 有止停功能，this.start() 鼠标离开就滚动。
　　　　分析以下代码： 
　　<img src="../../../xiyuan/img/i-meihua/xm-02.jpg" width="100" height="75"> 
　　"../../../xiyuan/img/i-meihua/xm-02.jpg" 照片在本网中的位置，
　　xiyuan/img/i-meihua 在本网的文件夹中，
　　xm-02.jpg 照片名称及格式。
　　width="100" 照片的宽度为100像素值。
　　height="75" 高度为75像素值。
　　本网页设六张照片，如需要多设可将 <img src="../../../xiyuan/img/i-meihua/xm-02.jpg" width="100" height="75"> 这一行进行复制，放在 </marquee></td> 前面即可。