快應(yīng)用 marquee

2020-08-07 15:54 更新

概述

跑馬燈

跑馬燈用來插入一段滾動的文字,默認(rèn)為單行。

子組件

不支持

屬性

支持 通用屬性

名稱 類型 默認(rèn)值 必填 描述
scrollamount <number> 6 設(shè)置每次滾動時移動的長度,單位:px
loop <number> -1 設(shè)置 marquee 滾動的次數(shù)。如果未指定值,默認(rèn)值為 ?1,表示 marquee 將連續(xù)滾動
direction <string> left 文字滾動方向,支持left,right

樣式

支持 通用樣式

名稱 類型 默認(rèn)值 必填 描述
color <color> rgba(0, 0, 0, 0.54) 文本顏色
font-size <number> 30px 文本尺寸
font-family <string> - 文本字體。可設(shè)置一個有先后順序的,由字體名或者字體族名組成的列表,以逗號分隔。列表中第一個已安裝或者通過 font-face 指定的字體,會被選中作為文本的字體。

事件

支持 通用事件

名稱 參數(shù) 描述
bounce - 當(dāng) marquee 滾動到結(jié)尾時觸發(fā)
finish - 當(dāng) marquee 完成 loop 屬性設(shè)置的值時觸發(fā)。它只能在 loop 屬性設(shè)置為大于 0 的某個數(shù)字時觸發(fā)
start - 當(dāng) marquee 開始滾動時觸發(fā)

方法

名稱 參數(shù) 描述
start - 開始滾動marquee
stop - 停止?jié)L動marquee

示例代碼

  <marquee scrollamount=6 loop=-1 direction="left" >scrollamount控制滾動速度,默認(rèn)值為6px</marquee>


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號