当前位置:   article > 正文

HTML轮播效果简易版--marquee 标签_浏览器自带的轮播标签

浏览器自带的轮播标签

HTML轮播效果简易版–marquee 标签

marquee 元素 可以用来插入一段滚动的文字,实现类似走马灯的动效。
但这个标签已经过时(MDN文档已经不建议使用),此前因之前项目紧急用过,做个标签参数小结。

marquee的属性

  1. behavior: 设置文本如何滚动。属性值有3种:
    scroll - 循环滚动。默认值。
    slide - 滚动一次。
    alternate - 两端来回滚动。

  2. direction: 设置文本滚动的方向。属性值有4种:
    left - 从右向左。默认值。
    right - 从左向右。
    up - 向上。
    down - 向下。

  3. loop: 设置滚动的次数。默认值-1,无限次循环。

  4. scrollamount: 设置每次滚动时移动的长度(以像素为单位),也就是滚动速度。默认值为6 。
    值越大,滚动速度越快,一般5-10比较适合查看消息。

  5. scrolldelay: 设置每次滚动时的时间间隔(以毫秒为单位)。默认值为 85。 值越大,滚动速度越慢,通常不设置。 注意:除非指定
    truespeed 值,否则将忽略任何小于 60 的值,并改为使用 60。

  6. truespeed: 默认情况下,会忽略小于60的scrolldelay值。如果存在truespeed,那些值不会被忽略。

  7. bgcolor: 通过颜色名称或十六进制值设置背景颜色。

  8. vspace:以像素或百分比值设置垂直边距。

  9. width:以像素或百分比值设置宽度。

  10. height:以像素或百分比值设置高度。

  11. hspace:设置水平边距。

以上属性,比较常用的是前面5个。一般使用方式如下:

<marquee behavior="alternate" 
    声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/盐析白兔/article/detail/839368
    推荐阅读
    相关标签
      

    闽ICP备14008679号