wuzhoubo / jquery.imgscroll.js

jquery轮播插件，支持各种自定义属性

jquery.imgScroll.js

jQuery轮播插件，支持各种自定义属性

第一步，引入jquery和jquery.imgScroll.js获取juqery.imgScroll.min.js

<script src="jquery.min.js"></script>
<script src="jquery.imgScroll.js"></script>

第二步，创建一个容器

<div id="test"></div>   

第三步，写入配置

$("#test").imgScroll({
    imgAdds: ["1.jpg", "2.jpg", "3.jpg","4.jpg", "5.jpg"], //图片地址，数组
    imgWidth:150,//轮播框大小，以图片张数计算
    imgHeight:100,//轮播图片宽
    imgHeight:80,//轮播图片高
    speed:500,//动画速度，毫秒
    imgExplain:['图片1','图片2','图片3','图片4','图片5'],//图片下图片解释介绍，和图片地址对应，可以不设置，数组
    lineMove:false,//是否整个图片框整体移动，默认false，一张一张移动
    scroll:true,//是否滚动
    scrollSpeed:1500,//滚动速度，毫秒
    iconColor:#00bb9c//prev、next图标颜色
});

demo