jQuery图片横向滚动轮播代码

jQuery图片横向滚动轮播代码-精品资源网
jQuery图片横向滚动轮播代码
此内容为免费资源,请登录后查看
0
免费资源

jQuery图片横向滚动轮播代码

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

© 版权声明
THE END
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容