文字一行横向滚动效果

最近在做大屏的一个项目，主要是以列表的形式展示一些数据，由于有的数据过长无法全部展示，要求横向滚起来，本来打算用js做，后来发现有个非常好用的标签一样代码搞定对的的简单粗暴符合我小帅的审美，废话不多说代码安排：

一、marquee标签用法

<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()">

    这里可以放文字、图片、表格等都可以跑马灯滚动展示：开始给我滚起来～～

</marquee>

marquee标签的几个重要属性：

1.direction：滚动方向(包括4个值：up、down、left、right)

            说明：up：从下向上滚动；down：从上向下滚动；left：从右向左滚动；right：从左向右滚动。

            语法：<marquee direction="滚动方向">...</marquee>

2.behavior：滚动方式(包括3个值：scroll、slide、alternate)

            说明：scroll：循环滚动，默认效果；slide：只滚动一次就停止；alternate：来回交替进行滚动。

            语法：<marquee behavior="滚动方式">...</marquee&g