您的位置:夕阳晚情>>老有所学>滚动图片代码
        滚 动 图 片 代 码
  我们上网时经常会看到有滚动的照片,现将制作的方法介绍如下:
  将以下代码加入需要滚动的位置,(如上图)在每个照片的位置放上你所需要的照片即可。

<!-- 从右边向左滚,有指停功能。普通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> 前面即可。

返 回 首 页  返 回 目 录