跑马灯效果怎么实现？JS替你写好啦，拖拽复用一步到位！

Victoria.

今天也是努力开发的一天！

别慌！！！复用组件来帮忙！！！

只需下载组件，拖拽即可复用！

驾驶舱动态效果——跑马灯

三种形式、多种风格，任你选择！

一、

纵向滚动可还行？

1.html实现文本滚动

常用于公告文过长显示不全的场景，和滚动条say bey~

在单元格中插入公式，使用HTML代码让文本实现滚动效果。

2.JS语句实现跑马灯效果

适用于数据量大需要滚动查看的情况，鼠标悬浮可暂停~

利用JavaScript使文本按设置的速度滚动，全部数据滚动完成后，从第一条数据重新开始滚动。

二、

横向滚动也可！

1.横向信息滚动条

适用于重要信息、实时信息动态滚动，保证业务人员对该信息的高度关注~

文本从右往左，垂直居中滚动，鼠标悬浮也可以实现滚动暂停。

1.html实现文本滚动

常用于公告文过长显示不全的场景，和滚动条say bey~

在单元格中插入公式，使用HTML代码让文本实现滚动效果。

★

方式一

点击链接下载组件——打开设计器，新建决策报表，选择“安装组件”——选择已下载的组件即可安装——拖拽复用！

方式二

打开设计器，打开在线组件库——搜索【组件名称】——下载即可免安装！——拖拽复用！

小孙今天不加班！爽翻！巴适得板！！

编辑于 2021-11-18 10:19

shulato · 发表于 2021-11-16 12:55:44

nwyle · 发表于 2021-11-17 11:23:15

666，看帮助文档复制JS过来经常和自己模板不搭，终于有拖到自己模板里就能动的学习了！

LTC朝 · 发表于 2021-11-17 15:36:11

666666

城落满芯 · 发表于 2021-11-22 08:26:15

朝赟丶 · 发表于 2021-11-22 10:14:00

小孙今天不加班！

幸运儿 · 发表于 2021-11-24 19:13:55

可以可以

用户a4836251 · 发表于 2021-11-26 15:08:17

SNGSUN · 发表于 2022-7-6 11:51:08

yzmpKPp58487390 · 发表于 2022-7-30 10:40:26

可是，如何在已经做好的模板上复用组件呢？如果是再新建的话，又是一大堆要重做的活

15回帖数	7关注人数	8405浏览人数
最后回复于：2022-7-30 10:40