芒果小站

  1. 全球最具业界良心的主机 - DigitalOcean

    毫无疑问,目前做得最好的主机供应商

    猛击这里查看

  2. 芒果小站目前使用的主机 - DigitalOcean

    客服响应快,随时退款,XEN 架构稳定

    猛击这里查看

  3. 最好的日本东京线路主机 - DigitalOcean

    可选弗里蒙特、达拉斯、亚特兰大、纽瓦克、伦敦、东京机房

    猛击这里查看

  • 1
  • 2
  • 3
切换到精简模式
1

Marquee,用正确的标签做正确的事

作者 芒果/分类 代码/发布于 2010-04-08 14:33

说了这么多年的 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 独立出来。

版权所有,转载请注明出处。
转载自 <a href="http://mangguo.org/marquee-do-right-thing-with-correct-label/" title="Marquee,用正确的标签做正确的事" rel="bookmark">Marquee,用正确的标签做正确的事 | 芒果小站</a>
如果喜欢这篇文章,欢迎订阅芒果小站以获得最新内容。

已经有 1 条群众意见

  1. ?
    Tweets that mention marquee,用正确的标签做正确的事 | 芒果 -- Topsy.com /2010-04-09 23:41

    […] This post was mentioned on Twitter by 芒果. 芒果 said: marquee,用正确的标签做正确的事: 说了这么多年的 Web 标准,似乎类似 marquee 这种非常规的标签,已经逐渐淡出视线,不过芒果刚刚在项目中用了这个蹩脚的标签,我觉得这是合理的善用,没必要顾忌太多的标准问题。 标准… http://bit.ly/9HYh8w […] 回应

    #1

下面我简单说几句