$('.inliner-banner li').eq(0).addclass("into"); var fhref=$('.inliner-banner li').eq(0).find("a").attr("href") $(".inliner-list a").attr("href",fhref) var mylength=$('.inliner-banner li').length var deg=360/mylength //点点点配置 var dotleft=0; var dotright=0; var myarry=[]; for(var i=0;i') var dotdeg=i*deg myarry.push(dotdeg) } $('.inliner-bannerbox .inliner-list li').eq(0).addclass("on"); var bj=333 $(".inliner-list ul li").each(function(index){ if(myarry[index]==0){ $(this).css({ left:bj, top:-3, }) }else if(myarry[index]>0&&myarry[index]<=90){ $(this).css({ left:bj+math.sin(myarry[index]*math.pi/180)*bj-3, top:bj-math.cos(myarry[index]*math.pi/180)*bj }) }else if(myarry[index]>90&&myarry[index]<=180){ $(this).css({ left:bj+math.cos(myarry[index]*math.pi/180-math.pi/2)*bj-3, top:bj+math.sin(myarry[index]*math.pi/180-math.pi/2)*bj-5 }) }else if(myarry[index]>180&&myarry[index]<=270){ $(this).css({ left:bj-math.sin(myarry[index]*math.pi/180-math.pi)*bj-3, top:bj+math.cos(myarry[index]*math.pi/180-math.pi)*bj-3 }) }else if(myarry[index]>270&&myarry[index]<=359){ $(this).css({ left:bj-math.cos(myarry[index]*math.pi/180-math.pi*3/2)*bj-3, top:bj-math.sin(myarry[index]*math.pi/180-math.pi*3/2)*bj-3 }) } }) //banner切换 var sw = 0 var mytime = setinterval(function(){ if(sw == mylength-1){ sw = 0; }else{ sw++; } play(); var bannerh=$('.inliner-banner li').eq(sw).find("a").attr("href") $(".inliner-list a").attr("href",bannerh) }, 5000); function listsw(){ $('.inliner-bannerbox .inliner-list li').eq(sw).addclass("on") // $('.inliner-banner li').eq(sw).show().siblings("li").hide(); $('.inliner-banner li.into').transition({'transform':'scale(0.8)'},800,function(){ $('.inliner-banner li.into').stop().animate({left:'-100%'},800,'easeinoutexpo',function(){ $('.inliner-banner li.into').removeclass("into").css('left','100%') }) $('.inliner-banner li').eq(sw).stop().animate({left:0},800,'easeinoutexpo',function(){ $('.inliner-banner li').eq(sw).addclass("into") $('.inliner-banner li').eq(sw).transition({'transform':'scale(1)'},800) }) }) } function play(){ var mydeg=sw*deg if(mydeg==0){ $(".progress-left .progress-bar").transition({'transform':'rotate(180deg)'},800,function(){ listsw() settimeout(function(){ $(".progress-left .progress-bar").css("transform","rotate(0deg)") $(".progress-right .progress-bar").css("transform","rotate(0deg)") $('.inliner-bannerbox .inliner-list li').removeclass("on") $('.inliner-bannerbox .inliner-list li').eq(0).addclass("on") },1600) }) }else if(mydeg<=180){ $(".progress-right .progress-bar").transition({'transform':'rotate('+mydeg+'deg)'},800,function(){listsw()}) }else{ $(".progress-right .progress-bar").transition({'transform':'rotate(180deg)'},400,'linear',function(){ $(".progress-left .progress-bar").transition({'transform':'rotate('+(mydeg-180)+'deg)'},400,function(){ listsw() }) }) } }