HTML教程:marquee标签实现滚动效果

　　说了这么多年的 Web 标准，似乎类似 marquee 这种非常规的标签，已经逐渐淡出视线，不过芒果刚刚在项目中用了这个蹩脚的标签，我觉得这是合理的善用，没必要顾忌太多的标准问题。

　　标准并不是一项技术，标准只是一种规范与提议。

　　既然如此，我们尚且撇开 Web 标准不谈，着眼于应用，无需 JavaScript 的掺和，marquee 标签对滚动效果的实现方便简练。

　　代码示例：

　　<marquee>这是一个滚动示例</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，默认为 left

　　bgcolor

　　表示运动区域的背景色，值是 16 进制的 RGB 颜色，默认为白色

　　height、width

　　表示运动区域的高度和宽度，值是正整数(单位是像素)或百分数，默认 width=100%，height为标签内元素的高度

　　hspace、vspace

　　表示元素到区域边界的水平距离和垂直距离，值是正整数，单位是像素

　　onmouseover=this.stop() onmouseout=this.start()

　　表示当鼠标以上区域的时候滚动停止，当鼠标移开的时候又继续滚动

　　出于用户体验的考虑，当鼠标移入暂停滚动的效果可以使用 JavaScript 独立出来。

评论总数：0 条 [ 查看全部 ] 网友评论