历史版本2 :JS实现决策报表中滚屏/跑马灯效果 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1.问题描述编辑

在设计大屏报表块的时候,有时我们希望实现文字跑马灯效果。现有的文档当中:

1.以html实现跑马灯特效

2.JS实现跑马灯效果

都是以HTML+js的方式实现了单行文本的跑马灯效果,那么如何实现整体报表块的跑马灯效果呢,如下:
222

2.实现思路编辑

报表布局设置加上js控制实现。

3.实现步骤编辑

1)将body的布局方式设置为绝对布局(自适应布局无效)
222

2)设置报表块重复标题行
222

在8.0版本中还要设置冻结行:

222

3)添加报表块初始化后事件
222
js代码如下:


4)适当的美化一下边框、背景色等,保存预览。
222

4.移动端编辑

1)app预览无效果

2)op=h5预览无效果