这是一款带标题和进度条显示的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>
版权声明:原创作品,未经允许不得转载,否则将追究法律责任。
本站资源有的自互联网收集整理,如果侵犯了您的合法权益,请联系本站我们会及时删除。
本站资源仅供研究、学习交流之用,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担。
RQBB源码资源网 » jQuery图片横向滚动轮播代码
本站资源有的自互联网收集整理,如果侵犯了您的合法权益,请联系本站我们会及时删除。
本站资源仅供研究、学习交流之用,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担。
RQBB源码资源网 » jQuery图片横向滚动轮播代码