历史版本1 :以HTML实现消息滚动 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

一.问题描述编辑

在一些大型的展示屏上,目前静态的图文展示已满足不了市场需求,有时候可能需要实现一些动态图文展示效果既跑马灯效果,那么要如何通过帆软
222

二:解决方法编辑

可以通过单元格的纯Html展示效果来实现。

三.示例编辑

我们以实例来介绍这个特效的实现方法。

3.1示例数据

这里我们准备一个模板,这里以文本数据集为例:
222

将数据绑定的A1单元格,并设置为不扩展,如下图:

222

3.2 输入公式

在B1单元格输入以下公式:

"<marquee id='affiche' align='left' behavior='scroll' bgcolor='#FF0000' direction='up' height='300' width='200' hspace='50' vspace='20' loop='-1' scrollamount='10' scrolldelay='100' onMouseOut='this.start()' onMouseOver='this.stop()'>" + REPLACE(A1, ",", "<br /><br />") + "</marquee>"

注:公式是为了将A1单元格的内容拼接到html语句中。

       REPLACE(A1, ",", "<br /><br />")意思是将A1单元格内容中的‘,’替换成‘<br /><br />’ ,<br /><br />’在html中就解释为‘换行’

       如果数据内容不在A1单元格,要根据内容更改。

3.3 公式参数解释

  direction 表示滚动的方向,值可以是left,right,up,down,默认为left   behavior 表示滚动的方式,值可以是scroll(连续滚动)slide(滑动一次)alternate(来回滚动)   loop 表示循环的次数,值是正整数,默认为无限循环   scrollamount 表示运动速度,值是正整数,默认为6   scrolldelay 表示停顿时间,值是正整数,默认为0,单位是毫秒   align 表示元素的垂直对齐方式,值可以是top,middle,bottom,默认为middle   bgcolor 表示运动区域的背景色,值是16进制的RGB颜色,默认为白色   height、width 表示运动区域的高度和宽度,值是正整数(单位是像素)或百分数,默认width=100% height为标签内元素的高度。   hspace、vspace 表示元素到区域边界的水平距离和垂直距离,值是正整数,单位是像素。   onmouseover=this.stop() onmouseout=this.start() 表示当鼠标以上区域的时候滚动停止,当鼠标移开的时候又继续滚动。 

3.4设置以HTML显示单元格内容

将B1单元格,在单元格属性>其他属性,显示内容设置为用HTML显示内容,如下图:
222

3.5效果展示

点击分页预览,即可实现跑马灯特效。
222

最后html一样能实现图片的跑马灯特效,这里就不一一展示了,有兴趣的朋友可以研究研究…