jQuery实现大屏滚动播放效果 jQuery实现大屏滚动播放效果

本文实例为大家分享了jQuery实现大屏滚动播放效果的具体代码，供大家参考，具体内容如下
场景需求：
在大屏幕上，消息会进行一个实时滚动播报的效果，将现有的内容进行一个来回滚动的播放。
【jQuery实现大屏滚动播放效果】代码：

复选框checkbox自定义样式 - 锐客网* {margin: 0; padding: 0; }.contScend {width: 400px; height: 200px; background: #000000; margin: 20px auto; overflow: hidden; }.contScend ul {list-style: none; width: 100%; height: 100%; color:red; font-size: 13px; }.contScend ul li {width: 100%; height: 40px; box-sizing: border-box; line-height: 40px; text-align: center; }

test.json

[{"name": "体验区统计","numb": 0}, {"name": "test909","numb": 0}, {"name": "test910","numb": 0}, {"name": "111","numb": 0}, {"name": "test","numb": 0}, {"name": "test11111","numb": 0}, {"name": "记忆区统计","numb": 0}]

效果如下