一次往左滑动一个ul的宽度，如果ul没有了，则返回第一个即第一个ul的left为0

xcondor

一次往左滑动一个ul的宽度，如果ul没有了(也就是移动到最后一个ul了)，则返回第一个即第一个ul的left为0
下面是结构。

<style type="text/css"> *{margin:0;padding:0;} .col_player{width:500px;background:red;height:200px;overflow:hidden;position:relative;margin:0 auto;} .col_player ul{width:500px;height:200px;top:0;position:absolute;} .col_player li{width:99px;margin-right:1px;height:200px;background:blue;float:left;list-style:none;} </style> <div class="col_player"> <div class="wraper" id="wraper"> <ul> <li><img src="images/n_p_01.jpg" alt="" /></li> <li><img src="images/n_p_02.jpg" alt="" /></li> <li><img src="images/n_p_03.jpg" alt="" /></li> <li><img src="images/n_p_04.jpg" alt="" /></li> <li><img src="images/n_p_05.jpg" alt="" /></li> </ul> <ul> <li><img src="images/n_p_01.jpg" alt="" /></li> <li><img src="images/n_p_02.jpg" alt="" /></li> <li><img src="images/n_p_03.jpg" alt="" /></li> <li><img src="images/n_p_04.jpg" alt="" /></li> <li><img src="images/n_p_05.jpg" alt="" /></li> <li><img src="images/n_p_06.jpg" alt="" /></li> <li><img src="images/n_p_07.jpg" alt="" /></li> <li><img src="images/n_p_08.jpg" alt="" /></li> <li><img src="images/n_p_09.jpg" alt="" /></li> <li><img src="images/n_p_10.jpg" alt="" /></li> <li><img src="images/n_p_11.jpg" alt="" /></li> <li><img src="images/n_p_12.jpg" alt="" /></li> </ul> </div> </div>

运行代码 复制代码 另存代码  提示：您可以先修改部分代码再运行

i9988

真后悔没把技术学好。