• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • <marquee>

    版本:HTML5废弃

    HTML marquee 元素( <marquee>) 用来插入一段滚动的文字。你可以使用它的属性控制当文本到达容器边缘发生的事情。

     <marquee>元素已经 过时,请不要再使用。尽管一些浏览器仍然支持它,但它不是必须的。此外,使用这个元素基本上是你可以对你的用户做最糟糕的事情之一,所以请不要这样做。

    属性

    • behavior设置文本在 marquee 元素内如何滚动。可选值有 scroll,slide和 alternate。 如果未指定值,默认值为 scroll。bgcolor通过颜色名称或十六进制值设置背景颜色。
    • direction设置 marquee 内文本滚动的方向。可选值有 left,right,upanddown。如果未指定值,默认值为 left。height以像素或百分比值设置高度。
    • hspace设置水平边距。
    • loop设置 marquee 滚动的次数。如果未指定值,默认值为 −1,表示 marquee 将连续滚动.
    • scrollamount设置每次滚动时移动的长度(以像素为单位)。默认值为 6。
    • scrolldelay设置每次滚动时的时间间隔(以毫秒为单位)。默认值为 85。请注意, 除非指定 truespeed 值,否则将忽略任何小于 60 的值,并改为使用 60。
    • truespeed默认情况下,会忽略小于60的scrolldelay值。如果存在truespeed,那些值不会被忽略。
    • vspace以像素或百分比值设置垂直边距。
    • width以像素或百分比值设置宽度。

    事件回调

    • onbounce当 marquee 滚动到结尾时触发。它只能在 behavior 属性设置为 alternate 时触发。
    • onfinish当 marquee 完成 loop 属性设置的值时触发。它只能在 loop 属性设置为大于 0 的某个数字时触发。
    • onstart当 marquee 开始滚动时触发。

    方法

    • start
    • 开始滚动 marquee。
    • stop
    • 停止滚动 marquee。

    示例

    <marquee>this text will scroll from right to left</marquee>
    
    <marquee direction="up">this text will scroll from bottom to top</marquee>
    
    <marquee direction="down" width="250" height="200" behavior="alternate" style="border:solid">
      <marquee behavior="alternate">
        this text will bounce
      </marquee>
    </marquee>

    上篇:<keygen>

    下篇:<noframes>