![]() |
| 您的位置:夕阳晚情>>老有所学>滚动图片代码 |
| 滚 动 图 片
代 码 我们上网时经常会看到有滚动的照片,现将制作的方法介绍如下: 将以下代码加入需要滚动的位置,(如上图)在每个照片的位置放上你所需要的照片即可。 <!-- 从右边向左滚,有指停功能。普通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> 前面即可。 |
| 返 回 首 页 返 回 目 录 |