<div id="slide"> <div class="hd"></div> <div class="bd"> <ul class="clearfix"> <li>11</li> <li>12</li> <li>13</li> <li>14</li> <li>15</li> </ul> <ul class="clearfix ul1"> <li>21</li> <li>22</li> <li>23</li> <li>24</li> <li>25</li> </ul> <ul class="clearfix ul2"> <li>31</li> <li>32</li> <li>33</li> <li>34</li> <li>35</li> </ul> <div>我是一个div</div> </div> <a href="javascript:;" class="prev"><</a> <a href="javascript:;" class="next">></a> </div>xxxxxxxxxx* { padding: 0; margin: 0; } .clearfix { *zoom: 1; } .clearfix:after { content: ""; display: table; clear: both; } #slide { width: 620px; } #slide ul { overflow: hidden; } #slide ul li { list-style: none; float: left; width: 200px; height: 100px; color: #FFF; text-align:center; line-height: 100px; background: red; margin: 2px; } #slide .ul1 li { background: #3888ef; } #slide .ul2 li { background: #ff00af; } .prev,.next { width: 60px; height: 60px; background: #000; text-align:center; line-height: 60px; font-size: 20px; color:#fff; display: inline-block; }xxxxxxxxxx $(function(){ $("#slide").slide({ targetCell:"ul", autoPlay:true }); })