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

徐嘉勋
2023-12-01

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>

 类似资料: