单行滚动
<div class="scroll"> <ul class="list"> <li><a href="">1、每个人都有一个死角, 自己走不出来,别人也闯不进去。</a></li> <li><a href="">2、我把最深沉的秘密放在那里。</a></li> <li><a href="">3、你不懂我,我不怪你。</a></li> <li><a href="">4、每个人都有一道伤口, 或深或浅,盖上布,以为不存在。</a></li> </ul> </div>

双行滚动
<div class="scroll" data-line="2" data-time="4"> <ul class="list"> <li><a href="">1、每个人都有一个死角, 自己走不出来,别人也闯不进去。</a></li> <li><a href="">2、我把最深沉的秘密放在那里。</a></li> <li><a href="">3、你不懂我,我不怪你。</a></li> <li><a href="">4、每个人都有一道伤口, 或深或浅,盖上布,以为不存在。</a></li> </ul> </div>

图片滚动
<div class="scroll" data-ul=".pic" data-li=".item" data-time="5" data-height="320px"> <div class="pic"> <div class="item up"> <img src="static/picture/1.jpg" width="260" height="160" alt=""> </div> <div class="item up"> <img src="static/picture/2.jpg" width="260" height="160" alt=""> </div> <div class="item up"> <img src="static/picture/3.jpg" width="260" height="160" alt=""> </div> </div> </div>

左右滚动
<div class="scroll" data-ul=".pic" data-li=".item" data-line="1" data-max="4" data-time="5" data-align="left"> <div class="scroll-warp"> <div class="pic"> <div class="item left"> <img src="static/picture/1.jpg" width="260" height="160" alt=""> </div> <div class="item left"> <img src="static/picture/2.jpg" width="260" height="160" alt=""> </div> <div class="item left"> <img src="static/picture/3.jpg" width="260" height="160" alt=""> </div> <div class="item left"> <img src="static/picture/4.jpg" width="260" height="160" alt=""> </div> <div class="item left"> <img src="static/picture/1.jpg" width="260" height="160" alt=""> </div> <div class="item left"> <img src="static/picture/2.jpg" width="260" height="160" alt=""> </div> <div class="item left"> <img src="static/picture/3.jpg" width="260" height="160" alt=""> </div> <div class="item left"> <img src="static/picture/4.jpg" width="260" height="160" alt=""> </div> </div> </div> </div>