教程 框架 组件 接口 其他

marquee 1060+

概述

跑马灯

跑马灯用来插入一段滚动的文字,默认为单行。

子组件

不支持

属性

支持通用属性

名称类型默认值必填描述
scrollamount<number>6设置每次滚动时移动的长度,单位:px
loop<number>-1设置 marquee 滚动的次数。如果未指定值,默认值为 −1,表示 marquee 将连续滚动
direction<string>left文字滚动方向,支持left,right

样式

支持通用样式

名称类型默认值必填描述
color<color>rgba(0, 0, 0, 0.54)文本颜色
font-size<number>30px文本尺寸
font-family<string>-文本字体。可设置一个有先后顺序的,由字体名或者字体族名组成的列表,以逗号分隔。列表中第一个已安装或者通过 font-face 指定的字体,会被选中作为文本的字体。

事件

支持通用事件

名称参数描述
bounce-当 marquee 滚动到结尾时触发
finish-当 marquee 完成 loop 属性设置的值时触发。它只能在 loop 属性设置为大于 0 的某个数字时触发
start-当 marquee 开始滚动时触发

方法

名称参数描述
start-开始滚动marquee
stop-停止滚动marquee

示例代码

  <marquee scrollamount=6 loop=-1 direction="left" >scrollamount控制滚动速度,默认值为6px</marquee>

条匹配 "" 的结果

    没有搜索到与 "" 相关的内容