/*four*/ $(function(){ $("#focusbar li .focus").hover(function(){ $(this).addclass("active").siblings().removeclass("active"); }); }); $(".picmarquee-left-1").slide({maincell:".bd ul",autoplay:true,effect:"leftmarquee",vis:3,intertime:50}); $(".picmarquee-left-2").slide({maincell:".bd ul",autoplay:true,effect:"leftmarquee",vis:3,intertime:50,opp:true}); /*music*/ $("#audio_btn").click(function(){ var music = document.getelementbyid("music"); if(music.paused){ music.play(); $("#music_btn").attr("src","/images/img/on.png"); }else{ music.pause(); $("#music_btn").attr("src","/images/img/off.png"); } }); $(function(){ //导航效果 $(".header .nav-wrap .list ul").width($(".header .nav-wrap .list li").length * 390); $(".header .nav-wrap .list li").hover(function() { $(this).find('.line,.intr,.more').stop().animate({ opacity: 1 }, 600); $(this).find('.box').stop().animate({ margintop: -10 }, 600) }, function() { $(this).find('.line,.intr,.more').stop().animate({ opacity: 0 }, 600) $(this).find('.box').stop().animate({ margintop: 0 }, 600) }); //导航点击展开 $(".header .nav-btn").click(function() { if ($(this).hasclass('hover')) { $(this).removeclass('hover'); $(".header .center,.header .city-sign,.header .log-link").fadein(500); $(".header .nav-wrap").stop().fadeout(600); $(this).find('.line-cen').stop().fadein(500); $(this).find('.line-top,.line-bot').stop().transition({rotate: 0}, 500); }else{ $(this).addclass('hover'); $(".header .center,.header .city-sign,.header .log-link").fadeout(500); $(".header .nav-wrap").stop().fadein(600); $(this).find('.line-cen').stop().fadeout(500); $(this).find('.line-top').stop().transition({rotate: 45}, 500); $(this).find('.line-bot').stop().transition({rotate: -45}, 500); } }); //导航滚动 $(".header .nav-wrap .list").mousemove(function(e){ var _w = $(window).width(), _liw = _w*0.11, _sw = _w*0.89, _ulw = $(".header .nav-wrap .list li").length * 390; var left=-1*((_ulw-_sw)/_w)*(e.pagex); $(this).children('ul').css({"left":left}); }) }); $(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}, { duration: 500 }); $("#focusbar .arrr").animate({ right: 0}, { duration: 500 }); }, function () { $("#focusbar .arrl").stop(false,true); $("#focusbar .arrr").stop(false,true); $("#focusbar .arrl").animate({ left: -52}, { duration: 500 }); $("#focusbar .arrr").animate({ right: -52}, { 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+" .focusm").stop(false,true); $("#focusindex"+nexti+" .focusr").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+" .focusm").css("left",$(window).width()/2); $("#focusindex"+nexti+" .focusr").css("left",$(window).width()/2); $("#focusindex"+currentfocusi).show(); $("#focusindex"+nexti).show(); $("#focusindex"+currentfocusi+" .focusl").animate({left: -($(window).width()/2+1000),opacity: 0},300,'easeinexpo'); $("#focusindex"+currentfocusi+" .focusm").animate({left: -($(window).width()/2+1000),opacity: 0},400,'easeinexpo'); $("#focusindex"+currentfocusi+" .focusr").animate({left: -($(window).width()/2+1000),opacity: 0},500,'easeinexpo',function(){ $("#focusindex"+nexti+" .focusl").animate({left: 0,opacity: 1},1000,'easeoutback'); $("#focusindex"+nexti+" .focusm").animate({left: 0,opacity: 1},1100,'easeoutback'); $("#focusindex"+nexti+" .focusr").animate({left: 0,opacity: 1},1200,'easeoutback'); $("#focusindex"+currentfocusi).animate({left: -$(window).width()},1000,'easeoutexpo'); $("#focusindex"+nexti).animate({left: 0},1000,'easeoutexpo',function(){ $("#focusindex"+currentfocusi).hide(); currentfocusi = nexti; changeingfocus = false; }); }); } else { $("#focusindex"+nexti).css("left",-$(window).width()); $("#focusindex"+nexti+" .focusl").css("left",-($(window).width()/2+1000)); $("#focusindex"+nexti+" .focusm").css("left",-($(window).width()/2+1000)); $("#focusindex"+nexti+" .focusr").css("left",-($(window).width()/2+1000)); $("#focusindex"+currentfocusi).show(); $("#focusindex"+nexti).show(); $("#focusindex"+currentfocusi+" .focusr").animate({left: $(window).width()/2,opacity: 0},300,'easeinexpo'); $("#focusindex"+currentfocusi+" .focusm").animate({left: $(window).width()/2,opacity: 0},400,'easeinexpo'); $("#focusindex"+currentfocusi+" .focusl").animate({left: $(window).width()/2,opacity: 0},500,'easeinexpo',function(){ $("#focusindex"+nexti+" .focusl").animate({left: 0,opacity: 1},1200,'easeoutback'); $("#focusindex"+nexti+" .focusm").animate({left: 0,opacity: 1},1100,'easeoutback'); $("#focusindex"+nexti+" .focusr").animate({left: 0,opacity: 1},1000,'easeoutback'); $("#focusindex"+currentfocusi).animate({left: $(window).width()},1000,'easeoutexpo'); $("#focusindex"+nexti).animate({left: 0},1000,'easeoutexpo',function(){ $("#focusindex"+currentfocusi).hide(); currentfocusi = nexti; changeingfocus = false; }); }); } } function starfocustam(){ timerfid = setinterval("timer_tickf()",12000); } function stopfocusam(){ clearinterval(timerfid); } function timer_tickf() { changefocus(true); } /*音乐开关*/ $("#audio_btn").click(function(){ var music = document.getelementbyid("music"); if(music.paused){ music.play(); $("#music_btn").attr("src","/img/on.png"); }else{ music.pause(); $("#music_btn").attr("src","/img/off.png"); } });