$(function(){ //导航下拉 var $subnav = $(".ins-nav"); // var $subnavli = $("header .nav-link .sub-menu .boxs"); var $subnavli = $(".ins-nav ul"); var $navli = $("header .nav-link .nav li.sub-li"); $navli.hover(function() { // var navliindex = $(this).index(); // if ($(this).index() == 0) { // navliindex = 0; // }else if ($(this).index() == 2){ // navliindex = 1; // } // $subnav.stop(true,true).show(); // $subnavli.eq(navliindex).stop(true,true).show(); // $subnavli.eq(navliindex).siblings('.boxs').stop(true,true).hide(); $(this).addclass('cur').siblings('li').removeclass('cur'); $(this).children('.sub-nav').stop().slidedown(); },function(){ // var navliindex = $(this).index(); // $subnavli.eq(navliindex).stop(true,true).hide(); // $subnav.stop(true,true).hide(); // $subnavli.stop(true,true).hide(); $(this).removeclass('cur'); $(this).children('.sub-nav').stop().slideup(); }); // $subnavli.hover(function() { // var navliindex = $(this).index(); // if ($(this).index() == 0) { // navliindex = 0; // }else if ($(this).index() == 1){ // navliindex = 1; // } // $subnav.stop(true,true).show(); // $subnavli.eq(navliindex).stop(true,true).show(); // $navli.eq(navliindex).addclass('cur'); // }, function() { // $subnav.stop(true,true).hide(); // $subnavli.stop(true,true).hide(); // $navli.removeclass('cur'); // }); //头部搜索 $("header .extra-link .search-ico").on('click', function() { $(".search-alert").stop().fadein(300); $("body,html").addclass('ovh'); }); $(".search-alert .close").on('click', function() { $(".search-alert").stop().hide(); $("body,html").removeclass('ovh'); }); $(".m-sub-menu .top-box .stt").on('click', function() { $(".m-sub-menu").removeclass('show'); $(".body-wrap,header").removeclass('left'); $("body,html").removeclass('ovh'); $(".search-alert").show(); }); //手机站头部导航展开 $("header .m-btn").on('click', function() { $(".m-sub-menu").addclass('show'); $(".body-wrap,header").addclass('left'); $("body,html").addclass('ovh'); $(this).addclass('cur'); }); $(".m-sub-menu .top-box .close").on('click', function() { $(".m-sub-menu").removeclass('show'); $(".body-wrap,header").removeclass('left'); $("body,html").removeclass('ovh'); $("header .m-btn").removeclass('cur'); }); $(".m-sub-menu .list-wrap span.col-box").on('click', function() { var n = $(this).parent("li").index(); $(".m-sub-menu .sec-sub-list .boxs").eq(n).addclass('show'); }); $(".m-sub-menu .sec-sub-list .return-fir").on('click', function() { $(this).parent(".boxs").removeclass('show'); }); $(".contact-wrap .city-list li").eq(0).addclass('cur'); $(".contact-wrap .address .boxs").eq(0).show(); $(".contact-wrap .city-list li").on('click', function() { $(this).addclass('cur').siblings('li').removeclass('cur'); var n = $(this).index(); $(".contact-wrap .address .boxs").eq(n).show().siblings('.boxs').hide(); }); //视差效果 $(window).scroll(function() { var top = $(window).scrolltop() / 2; $(".ins-ban .bgimg").css('top', top); }); //内页banner if ($(window).width() > 800) { $(".ins-ban").height($(window).height() - 100); }; $(".ins-ban .down-ico").on('click', function() { $("body,html").stop().animate({scrolltop: $(window).height() - 100}, 500, "easeoutquint"); }); $(".wechat-info-ban .up-cont .down-ico").on('click', function() { $("body,html").stop().animate({scrolltop: $(window).height() - 100}, 500, "easeoutquint"); }); var src = $(".ins-ban .bgimg").attr("src"); var insbanimg = $(".ins-ban img.bgimg").attr("src"); if (insbanimg != undefined || insbanimg != null) { _preloadimg([ src ],function(){ $(".ins-ban .loader").fadeout(); if ($(window).width() > 800) { fullinsbg($(".ins-ban"), $(".ins-ban .bgimg")); } $(".ins-ban .bgimg").stop().animate({opacity: 1}, 500,function(){ $(".ins-ban").addclass('active'); }); }) }else{ $(".ins-ban .loader").fadeout(); if ($(window).width() > 800) { fullvideo($(".ins-ban"), $(".ins-ban .bgimg")); } $(".ins-ban .bgimg").stop().animate({opacity: 1}, 500,function(){ $(".ins-ban").addclass('active'); }); } window.onresize = function(){ $(".i-ban").height($(window).height() - 100); if ($(window).width() < 1030) { $(".i-fir-wrap .about-recom").attr("style",""); }; if ($(window).width() > 800) { $(".ins-ban").height($(window).height() - 100); }else{ $(".ins-ban").attr("style",""); $(".ins-ban .bgimg").attr("style","").removeclass('h-f'); } $(".ins-ban .bgimg").css('opacity', '1'); } //滚动渐隐出现 var scrollthis; $(window).scroll(function() { if ($("div,li").hasclass('fadeintop')) { $(".fadeintop").each(function() { var _this = $(this); if ($(window).scrolltop() > _this.offset().top - $(window).height() + 300 && !_this.hasclass('show')) { _this.addclass('show'); }; }); }; if ($("div,li").hasclass('fadeinlist')) { $(".fadeinlist").each(function() { var _this = $(this); if ($(window).scrolltop() > _this.offset().top - $(window).height() + 300 && !_this.hasclass('show')) { _this.addclass('show'); }; }); }; if ($(window).scrolltop() > 0) { $("header").addclass('fixed'); }else{ $("header").removeclass('fixed'); } if ($(window).scrolltop() > 0 && !$(".float-right-box").hasclass('show')) { $(".float-right-box").addclass('show'); $(".float-right-box").stop(true,true).addclass('on'); } // var scrollt = $(window).scrolltop(); // settimeout(function(){ // scrollthis = $(window).scrolltop(); // },500); // if (scrollt - scrollthis < 0 && scrollt > 100) { // $(".ins-nav").addclass('fixed'); // }else{ // $(".ins-nav").removeclass('fixed'); // } }); $(".float-right-box").hover(function() { $(this).stop(true,true).removeclass('on'); }, function() { var _this = $(this); if ($(window).scrolltop() > 0) { _this.stop(true,true).addclass('on'); }else{ $(".float-right-box").removeclass('show'); } }); $(document).on('mousewheel', function(event, delta, deltax, deltay) { if (deltay > 0) { $(".ins-nav").addclass('fixed'); }else{ $(".ins-nav").removeclass('fixed'); } }); if ($("div,li").hasclass('fadeintop')) { $(".fadeintop").each(function() { var _this = $(this); if ($(window).scrolltop() > _this.offset().top - $(window).height() + 300 && !_this.hasclass('show')) { _this.addclass('show'); }; }); }; if ($("div,li").hasclass('fadeinlist')) { $(".fadeinlist").each(function() { var _this = $(this); if ($(window).scrolltop() > _this.offset().top - $(window).height() + 300 && !_this.hasclass('show')) { _this.addclass('show'); }; }); }; if ($(window).scrolltop() > 0) { $("header").addclass('fixed'); }else{ $("header").removeclass('fixed'); } //手机端新闻推荐 if (!isie()) { var swiper2 = new swiper('.news-recommend-list.m-scroll', { loop : true, slidesperview: 2, spacebetween: 20, paginationclickable : true, autoplay : 3000, pagination : '.news-recommend-list .pagination', breakpoints: { 780: { slidesperview: 1, spacebetween: 0 } } }); var swiper3 = new swiper('.nine-wrap-list.mobile-list', { loop : true, slidesperview: 2, spacebetween: 20, paginationclickable : true, autoplay : 3000, pagination : '.nine-wrap-list .pagination', breakpoints: { 780: { slidesperview: 1, spacebetween: 0 } } }); }; }); function fullvideo(box, obj){ function resizebg() { obj.removeclass("w-f").removeclass("h-f").css("margin", 0) var boxr = $(window).width() / ($(window).height()-100), objr = $(".ins-ban .bgimg").width() / $(".ins-ban .bgimg").height(); if( objr < boxr ) { if ($(".ins-ban .bgimg").height() > 0) { obj.addclass('w-f').css("margin-top", -($(".ins-ban .bgimg").height() - ($(window).height()-100)) / 2); }; }else{ if ($(".ins-ban .bgimg").width() > 0) { obj.addclass('h-f').css("margin-left", -($(".ins-ban .bgimg").width() - $(window).width()) / 2); } } } $(window).resize(resizebg).trigger("resize"); } function fullinsbg(box, obj){ function resizebg() { obj.removeclass("w-f").removeclass("h-f").css("margin", 0) var boxr = $(window).width() / ($(window).height()-100), objr = 1920 / 876; if( objr < boxr ) { if ($(".ins-ban .bgimg").height() > 0) { obj.addclass('w-f').css("margin-top", -($(".ins-ban .bgimg").height() - ($(window).height()-100)) / 2); }; }else{ if ($(".ins-ban .bgimg").width() > 0) { obj.addclass('h-f').css("margin-left", -($(".ins-ban .bgimg").width() - $(window).width()) / 2); } } } $(window).resize(resizebg).trigger("resize"); } var isie = function(){ if ((navigator.appname == "microsoft internet explorer" && navigator.appversion.match(/7./i)=="7.") || (navigator.appname == "microsoft internet explorer" && navigator.appversion.match(/8./i)=="8.") || (navigator.appname == "microsoft internet explorer" && navigator.appversion.match(/9./i)=="9.")) { return true; }else{ return false; } }