<li><a href="#"><img src="images/img01.jpg" alt=""></a></li>
<li><a href="#"><img src="images/img02.jpg" alt=""></a></li>
<li><a href="#"><img src="images/img03.jpg" alt=""></a></li>
<li><a href="#"><img src="images/img04.jpg" alt=""></a></li>
<li><a href="#"><img src="images/img05.jpg" alt=""></a></li>
<li><a href="#"><img src="images/img06.jpg" alt=""></a></li>
<li><a href="#"><img src="images/img07.jpg" alt=""></a></li>
<li><a href="#"><img src="images/img08.jpg" alt=""></a></li>
<li><a href="#"><img src="images/img09.jpg" alt=""></a></li>
<li><a href="#"><img src="images/img10.jpg" alt=""></a></li>
</ul>
</div>
</div>
<!--第二个案例 保持结构不变，id不同就可以复用多个-->
<div class="boxs box02">
<div class="autoBox" id="autoScroll02">
<ul>
<li><a href="#">1. 何日功成名遂了，还乡，醉笑陪公三万场。不用诉离觞，痛饮从来别有肠。</a></li>
<li><a href="#">2. 何日功成名遂了，还乡，醉笑陪公三万场。不用诉离觞，痛饮从来别有肠。</a></li>
<li><a href="#">3. 何日功成名遂了，还乡，醉笑陪公三万场。不用诉离觞，痛饮从来别有肠。</a></li>
<li><a href="#">4. 何日功成名遂了，还乡，醉笑陪公三万场。不用诉离觞，痛饮从来别有肠。</a></li>
<li><a href="#">5. 何日功成名遂了，还乡，醉笑陪公三万场。不用诉离觞，痛饮从来别有肠。</a></li>
<li><a href="#">6. 何日功成名遂了，还乡，醉笑陪公三万场。不用诉离觞，痛饮从来别有肠。</a></li>
<li><a href="#">7. 何日功成名遂了，还乡，醉笑陪公三万场。不用诉离觞，痛饮从来别有肠。</a></li>
<li><a href="#">8. 何日功成名遂了，还乡，醉笑陪公三万场。不用诉离觞，痛饮从来别有肠。</a></li>
</ul>
</div>
</div>
<div class="boxs box03">
<div class="autoBox" id="autoScroll03">
<ul>
<li><a href="#">1. 何日功成名遂了，还乡，醉笑陪公三万场。不用诉离觞，痛饮从来别有肠。</a></li>
<li><a href="#">2. 何日功成名遂了，还乡，醉笑陪公三万场。不用诉离觞，痛饮从来别有肠。</a></li>
<li><a href="#">3. 何日功成名遂了，还乡，醉笑陪公三万场。不用诉离觞，痛饮从来别有肠。</a></li>
