var _height=$(window).height();//获取当前窗口的高度 var _width=$(window).width();//获取当前窗口的宽度 $('#focusbar').css('height',_height+'px');//调整列表的宽高 $(function() { $("#focusindex1").show(); $("#focusbar li").css("width",$(window).width()); $("a.arrl").mouseover(function(){stopfocusam();}).mouseout(function(){starfocustam();}); $("a.arrr").mouseover(function(){stopfocusam();}).mouseout(function(){starfocustam();}); $("#focusbar li").mouseover(function(){stopfocusam();}).mouseout(function(){starfocustam();}); starfocustam(); }); /*------focus-------*/ $("#focusbar").hover( function () { $("#focusbar .arrl").stop(false,true); $("#focusbar .arrr").stop(false,true); $("#focusbar .arrl").animate({'left': '0','opacity': '1'}, { duration: 500 }); $("#focusbar .arrr").animate({'right': '0','opacity': '1'}, { duration: 500 }); }, function () { $("#focusbar .arrl").stop(false,true); $("#focusbar .arrr").stop(false,true); $("#focusbar .arrl").animate({'left': '-52','opacity': '0'}, { duration: 500 }); $("#focusbar .arrr").animate({'right': '-52','opacity': '0'}, { duration: 500 }); } ); var timerfid; function nextpage() { changefocus(true); } function prepage() { changefocus(false); } var currentfocusi=1; var changeingfocus = false; function changefocus(dir) { if($("#focusbar li").length <= 1) return; if(changeingfocus) return; changeingfocus = true; $("#focusindex"+nexti).stop(false,true); $("#focusindex"+nexti+" .focusl").stop(false,true); $("#focusindex"+nexti+" .focusr").stop(false,true); $("#focusindex"+nexti+" .zhezhao").stop(false,true); var nexti = dir?currentfocusi+1:currentfocusi-1; nexti = nexti>$("#focusbar li").length?1:(nexti<1?$("#focusbar li").length:nexti); //var focuswidth = $(window).width()>1000?1000:$(window).width(); $("#focusindex"+currentfocusi).css("width",$(window).width()); $("#focusindex"+nexti).css("width",$(window).width()); if(dir) { $("#focusindex"+nexti).css("left",$(window).width()); $("#focusindex"+nexti+" .focusl").css("left",$(window).width()/2); $("#focusindex"+nexti+" .focusr").css("left",$(window).width()/2); $("#focusindex"+nexti+" .zhezhao").css("left",$(window).width()/2); $("#focusindex"+currentfocusi).show(); $("#focusindex"+nexti).show(); $("#focusindex"+currentfocusi+" .focusl").animate({left: -($(window).width()/2+1000)},1200,'easeinexpo'); $("#focusindex"+currentfocusi+" .zhezhao").animate({left: -($(window).width()/2+1000)},1400,'easeinexpo'); $("#focusindex"+currentfocusi+" .focusr").animate({left: -($(window).width()/2+1000)},900,'easeinexpo',function(){ $("#focusindex"+nexti+" .focusl").animate({left: -640},1200,'easeinoutcirc'); $("#focusindex"+nexti+" .focusr").animate({left: -640},900,'easeinoutcirc'); $("#focusindex"+nexti+" .zhezhao").animate({left: -710},1400,'easeinoutcirc'); $("#focusindex"+currentfocusi).animate({left: -$(window).width()},1800,'easeoutexpo'); $("#focusindex"+nexti).animate({left: 0},1800,'easeoutexpo',function(){ $("#focusindex"+currentfocusi).hide(); currentfocusi = nexti; changeingfocus = false; }); }); } else { $("#focusindex"+nexti).css("left",-$(window).width()); $("#focusindex"+nexti+" .focusl").css("left",-($(window).width()/2+1200)); $("#focusindex"+nexti+" .focusr").css("left",-($(window).width()/2+900)); $("#focusindex"+nexti+" .zhezhao").css("left",-($(window).width()/2+1400)); $("#focusindex"+currentfocusi).show(); $("#focusindex"+nexti).show(); $("#focusindex"+currentfocusi+" .focusr").animate({left: $(window).width()/2},900,'easeinexpo'); $("#focusindex"+currentfocusi+" .zhezhao").animate({left: $(window).width()/2},1400,'easeinexpo'); $("#focusindex"+currentfocusi+" .focusl").animate({left: $(window).width()/2},1200,'easeinexpo',function(){ $("#focusindex"+nexti+" .focusl").animate({left: -640},1200,'easeinoutcirc'); $("#focusindex"+nexti+" .focusr").animate({left: -640},900,'easeinoutcirc'); $("#focusindex"+nexti+" .zhezhao").animate({left: -710},1400,'easeinoutcirc'); $("#focusindex"+currentfocusi).animate({left: $(window).width()},1800,'easeoutexpo'); $("#focusindex"+nexti).animate({left: 0},1800,'easeoutexpo',function(){ $("#focusindex"+currentfocusi).hide(); currentfocusi = nexti; changeingfocus = false; }); }); } } function starfocustam(){ timerfid = setinterval("timer_tickf()",8000); } function stopfocusam(){ clearinterval(timerfid); } function timer_tickf() { changefocus(true); }