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

楼主^#

更多发布于：2011-12-27 12:33

[] 1

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

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

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

代码示例：
[pre]这是一个滚动示例[/pre]
属性参数：
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()
表示当鼠标以上区域的时候滚动停止，当鼠标移开的时候又继续滚动

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