Compared with jcarousel, jcarousel Lite removes the constraints of the skin. You can customize the front and rear buttons and tab buttons. The generated html is more concise and the file is smaller (2k)
Download link:
How to use: http://www.gmarwaha.com/jquery/jcarousellite/
Copy the code code as follows:
<div>
<ul>
<li></li>
</ul>
</div>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jcarousellite_1.0.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".Class name").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev",
//btnGo: [".1", ".2"], //Customize the scroll position tab, in array order
//auto: 2000, //Specify how many milliseconds to automatically scroll periodically. Default is null
//speed: 800, //Sliding speed, you can try 800 1000 1500
//vertical:false, //Whether to scroll vertically, default false
//circular:true, //Whether to scroll circularly, the default is true
//visible:3, //The visible number of elements can be a decimal, such as 2.5 is 2.5 li
//scroll:1, //The number of li scrolled each time
//start:0, //The starting place, the default is 0
//beforeStart:function(){} //Function called back when scrolling starts
//afterEnd:function(){} //Function called back when scrolling ends
});
});
</script>