jQuery图片横向滚动轮播代码 - 溯柯网

这是一款带标题和进度条显示的jQuery图片横向滚动轮播代码，左右箭头按钮控制焦点图滚动轮播切换。

js代码 

<script src="https://img.x22t.com/file/2020/04/25/e6ef86c2c7fa37c950ce19f8616864664477.js"></script>
<script>
$(document).ready(function(e) {
	var progress = $(".progress"),li_width = $("#b04 li").length;
    var unslider04 = $("#b04").unslider({
		dots: true,
		complete:function(index){//自己添加的，官方没有
			progress.animate({"width":(100/li_width)*(index+1)+"%"});
		}
	}),

	data04 = unslider04.data("unslider");
	$(".unslider-arrow04").click(function() {
        var fn = this.className.split(" ")[1];
        data04[fn]();
    });
});
</script>

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。