跑马灯效果怎么实现?JS替你写好啦,拖拽复用一步到位!

楼主
我是社区第229182位番薯,欢迎点我头像关注我哦~

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

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

只需下载组件,拖拽即可复用!

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

三种形式、多种风格,任你选择!

一、

纵向滚动可还行?

1.html实现文本滚动

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

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

组件下载:文本纵向滚动-清新风

组件下载:文本纵向滚动-炫丽风

组件下载:文本纵向滚动-科技风

组件下载:文本纵向滚动-未来风

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

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

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

组件下载:纵向文本滚动-机械风

组件下载:明细表跑马灯-科技风

二、

横向滚动也可!

1.横向信息滚动条

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

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

组件下载:横向信息滚动条

1.html实现文本滚动

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

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

组件下载:滚动标题-浅色

组件下载:滚动标题-深色

方式一

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

方式二

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

 

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

编辑于 2021-11-18 10:19
分享扩散:

沙发
发表于 2021-11-16 12:55:44
板凳
发表于 2021-11-17 11:23:15
666,看帮助文档复制JS过来经常和自己模板不搭,终于有拖到自己模板里就能动的学习了!
地板
发表于 2021-11-17 15:36:11
666666
5楼
发表于 2021-11-22 08:26:15
6楼
发表于 2021-11-22 10:14:00
小孙今天不加班!
7楼
发表于 2021-11-24 19:13:55
可以可以
8楼
发表于 2021-11-26 15:08:17
9楼
发表于 2022-7-6 11:51:08

10楼
发表于 2022-7-30 10:40:26
可是,如何在已经做好的模板上复用组件呢?如果是再新建的话,又是一大堆要重做的活
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

返回顶部 返回列表