jquery图片不间断滚动切换插件 jCarousel Lite

Step 1:

<div style="width: 20px; height: 100px; float: left">

<a href="#" class="prev">

<img src="App_Common/images/left.jpg" width="17" height="89" /></a>

</div>

<div style="float: left;" class="anyClass">

<ul>

<li style="width: 120px">

<img src="/upload_files/thumbnail2/2742011134528531.jpg" alt="" width="100px" height="100px"></li>

<li style="width: 120px">

<img src="/upload_files/thumbnail2/152011142414285.jpg" alt="" width="100px" height="100px"></li>

<li style="width: 120px">

<img src="/upload_files/thumbnail2/95201113237718.jpg" alt="" width="100px" height="100px"></li>

</ul>

</div>

<div style="width: 20px; height: 100px; float: left">

<a href="#" class="next">

<img src="App_Common/images/right.jpg" width="17" height="89" /></a>

</div>

Step 2:

<script src="App_Common/Scripts/jquery-1.4.2.min.js" type="text/javascript"></script>

<script src="App_Common/Scripts/jcarousellite_1.0.1.min.js" type="text/javascript"></script>

<script type="text/javascript">

$(function() { $(".anyClass").jCarouselLite({ btnNext: ".next", btnPrev: ".prev", visible: 2 }); });

</script>