这是一款带标题和进度条显示的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>