全屏带进度条图片轮播特效

来源:https://www.sucaihuo.com/js/1551.html 2017-03-26 21:53浏览(803) 收藏

这是一款带进度条的图片轮播代码,全自动轮播无需手动。
全屏带进度条图片轮播特效
分类:图片代码 > 图片轮播 难易:初级
查看演示 下载资源 下载积分: 30 积分
function jummper(){
   $(".pic ul li").eq(i).find("img").css("left","-1180px");
   $(".pic ul li").eq(i).find("p").css("width","0px");
   $(".pic ul li").eq(i).find("img").animate({left:"0px"},500,function(){
	   //当图片移动完成后再加载进度条
	   //alert("当图片移动完成后再做操作");
		$(".pic ul li").eq(i).find("p").animate({width:"1174px"},8000,function(){
			$(".pic ul li").eq(i).find("img").animate({left:"1180px"},500,function(){
				i++;
				if(i>2)
				i=0;
				$(".pic ul li").eq(i).fadeIn(100).siblings().fadeOut(100);
			});
		});
   });
}
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2