反饋已提交

網絡繁忙

當前為10.0版本文檔,更多實例內容將在最新幫助文檔中展現,點選跳轉至 最新版幫助文檔

D01-02 滾動訊息元件

一、概述

  1. 安裝該插件後,可以通過屬性設定,簡單又方便地實現滾動字幕的效果。

  2. 該插件只能在決策報表的參數介面或 body 中使用,且不支援行動端。

  3. 插件安裝方式,可參考A11-18伺服器-插件管理

二、屬性設定

1
點選【檔案】→【新增決策報表】,將【滾動字幕】元件拖入畫布。

1.gif

2
基本-元件名。
  1. 可以為畫布中的滾動訊息元件設定元件名。

  2. 元件名預設為scrollMessage0,也可手動輸入任意名稱。

  3. 擁有名稱後,可以通過JavaScript獲取元件,從而修改元件屬性。

2.gif

3
進階-標籤名稱。
  1. 標籤名稱的作用就是用來彌補參數介面中標籤元件不支援的問題。

  2. 標籤名稱可自訂,將在行動端預覽時顯示。

3.gif

4
進階-樣式。
  1. 點選樣式後的【...】,進入樣式編輯視窗。

  2. 可設定樣式的渲染風格、邊框屬性、主體背景。

4.gif

5
進階-元件值。
  1. 點選元件值後的【...】,進入編輯視窗。

  2. 元件值提供的是富文字編輯,用於編寫滾動字幕的內容。

  3. 可以用「----」分隔多條訊息。

  4. 富文字編輯器的使用方式,可參考A05-02插入RTF(富文字)

5.gif

6
進階-滾動方向。
  1. 一共有四個方向,預設向左。

  2. 滑鼠移動到滾動訊息元件上則停止滾動。

6.gif

7
進階-滾動速度。
  1. 字幕的滾動速度可自訂,單位固定為毫秒。

  2. 預設為5000毫秒。

7.gif

8
進階-滾動間隔。
  1. 滾動間隔,指不同訊息之間滾動的間隔距離。

  2. 預設為0畫素,可自訂。

8.gif

9
基本-可用。
  1. 勾選可用時,正常顯示。

  2. 不勾選可用時,顏色會被淡化掉。

  3. 設定元件不可用,預覽效果。

9.gif

10
基本-可見。
  1. 勾選可見時,可看得到元件。

  2. 勾選不可見時,元件會被隱藏起來不顯示。

  3. 設定元件不可見,預覽效果。

10.gif

11
組件大小。
  1. 當 body 佈局方式設定為絕對佈局時,可自訂組件大小。

  2. 修改組件大小,點選預覽,在瀏覽器中查看效果。

11.gif

附件列表


主題: 插件應用
已經是第一篇
已經是最後一篇
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤

文 檔回 饋

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

10s後關閉