css3 跑马灯效果

[mishe]

在手机端实现跑马灯效果，可以直接使用css3实现；

具体代码实现：

• 首先指定溢出时滚动： overflow:-webkit-marquee;
• 跑马灯样式，分三种： -webkit-marquee-style:scroll | slide | alternate;

scroll，从一端滚动到另一端，内容完全滚入（消失）时重新开始。 slide，从一端滚到另一端，内容接触到另一端后，立马重新开始。(ios实测和scroll一致) alternate，内容不跑到显示区域外，在里面来回碰壁反弹。这里主要用第一种。

• 跑马灯跑的次数：-webkit-marquee-repetition:infinite | number

infinite 为无限多次，不结束。或者可以用正整数设置滚动的次数。

*跑动的方向：-webkit-marquee-direction:up | down | left | right;

*跑动的速度： -webkit-marquee-speed:slow | normal | fast;

[mishe]

目前在安卓上还有点兼容问题，只兼容v4.4.4以后的版本，之前的版本请用marquee标签代替

[cssmagic]

<marquee> 标签以 CSS 的方式延续了生命，哈哈。