
这是一款带标题和进度条显示的jQuery图片横向滚动轮播代码,左右箭头按钮控制焦点图滚动轮播切换。
js代码
<script src=\"js/unslider.min.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>










暂无评论内容