滚动字幕,走马灯效果

<marquee >天亮以前说再见,笑着泪流满面</marquee>

使用marquee标签就可以实现滚动字幕了
虽然被废弃了,但是还是可以用的呀,真香!
不比写一大堆C3属性好吗。

属性

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

参考:MDN<marquee>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 最近发现一个好玩的标签,<marquee>标签中间的文字是滚动的,感觉很神奇,下边介绍一下此标签的属性。 <mar...
    af13e05a9b9a阅读 4,492评论 1 0
  • 浏览器与服务器的基本概念 浏览器(安装在电脑里面的一个软件) 作用: ①将网页内容渲染呈现给用户查看。 ②让用户通...
    云还灬阅读 4,829评论 0 0
  • marquee 元素(<marquee>)可以 用来插入一段滚动的文字,实现类似走马灯的动效。但这个标签已经过时(...
    celineWong7阅读 29,695评论 0 4
  • CSS要点记录 CSS 指层叠样式表 (Cascading Style Sheets) 多种样式时的优先级问题 数...
    Tony__Hu阅读 4,892评论 0 0
  • 这部剧的回归是惊喜,况且还是原班人马,很不错。原来的配方,熟悉的味道,是我喜欢的双世宠妃。虽然这次加入了新角色,可...
    初江雪阅读 4,181评论 2 2