今天修改广告时，需要实现几张图片的展示效果，但Gimp和PS做的gif图片失真严重，而页面过滤了JS，于是就想到了用marquee这个标签，通过代码来实现图片展示效果：
<marquee direction="left" behavior="alternate" loop="-1"
scrollamount="8000" scrolldelay="2000" width="400" height="300">
    <img src="图片1" border="0" alt="" width="400" height="300" />
    <img src="图片2" border="0" alt="" width="400" height="300" />
</marquee>
注意几个参数的设置：
　　1、marquee中的宽和高设置成跟图片相同
　　2、scrollamount="8000"，设置滚动的速度，最好设置大一点的数值，不然图片较多时可能会显示了二张不完整的图片(补：多张图的话，好像只能展示头尾二张图片呀~)。
　　3、scrolldelay="2000" ，设置停顿时间，单位是毫秒
　　通过这三个参数的设置，就能实现与gif一样逐帧显示的效果。这个另类的用法，只是我在工作中，由于条件所限，而采用的解决方法，实现的效果比较死板，局限性较大。在没有限制时，可以用gif，Flash图片展示，JS等方法来替换，更方便，实现的效果也更精彩。
marquee标签
参数
　　direction：表示滚动的方向，值可以是left，right，up，down，默认为left
　　behavior：表示滚动的方式，值可以是scroll（连续滚动）slide（滑动一次）alternate（来回滚动）
　　loop：表示循环的次数，值是正整数，默认为无限循环
　　scrollamount：表示运动速度，值是正整数，默认为6
　　scrolldelay：表示停顿时间，值是正整数，默认为0，单位是毫秒
　　valign：表示元素的垂直对齐方式，值可以是top，middle，bottom，默认为middle
　　align：表示元素的水平对齐方式，值可以是left，center，right
　　bgcolor：表示运动区域的背景色，值是16进制的RGB颜色，默认为白色
　　height、width：表示运动区域的高度和宽度，值是正整数（单位是像素）或百分数，默认width=100%height为标签内元素的高度
　　hspace、vspace：表示元素到区域边界的水平距离和垂直距离，值是正整数，单位是像素。
　　onmouseover=this.stop()onmouseout=this.start()：表示当鼠标以上区域的时候滚动停止，当鼠标移开的时候又继续滚动。
注释
　　MARQUEE元素的默认宽度与其父元素的宽度相等。如果MARQUEE位于没有指定宽度的TD内，你就需要明确设置MARQUEE的宽度。如果MARQUEE和TD的宽度都没有指定，那么滚动字幕就将限定于1个像素宽。
　　要创建垂直滚动的字幕，请将其scrollLeft属性设定为0。要创建水平滚动的字幕，请将其scrollTop属性设定为0，这将覆盖任何脚本设置。
　　scrollLeft和scrollTop属性当字幕滚动时为只读。当不处于滚动状态时，scrollLeft对于设置为水平滚动的字幕来说为可读写，scrollTop对于设置为垂直滚动的字幕来说为可读写。暂时无法查寻到您所在位置的天气情况

收藏、分享这篇文章!

随机日志