$(function () { /*********导航下拉框**********/ $(".nav_box > .yiji").hover(function () { $(this).find(".libox").stop(true, false).slideDown(0); },function () { $(this).find(".libox").slideUp(0); }); // banner $(".single-item").slick({ dots:true,//指示点 autoplay:true, autoplaySpeed:3000,//自动播放间隔 speed: 1000, }); // 头部 $(window).scroll(function () { var sT = $(window).scrollTop(); if (sT >50) { $("#header").addClass("head_up"); } else { $("#header").removeClass("head_up"); } }); // 搜索框 $(".search,.head_up_luage ul li span").click(function(){ $(".search_box").slideToggle(300); // $(".head_up_luage ul").hide() }) /*********小框下拉**********/ $(".head_up_luage .luage_btn").click(function(){ $(this).toggleClass("luage_btn_cl") $(".head_up_luage ul").slideToggle(300); }) // 产品中心多图详情 $('.center').slick({ dots:false,//指示点 centerMode:true,//中心模式 centerPadding:'12%',//中心模式左右内边距 slidesToShow:3, autoplay:true, autoplaySpeed:2500,//自动播放间隔 responsive:[//断点触发设置 { breakpoint:1200, settings:{ arrows:true,//左右箭头 centerMode:true, centerPadding:'12%', slidesToShow:3 } }, { breakpoint:1199, settings:{ arrows:true, centerMode:true, centerPadding:'12%', slidesToShow:3 } }, { breakpoint:768, settings:{ arrows:true, centerMode:true, centerPadding:'12%', slidesToShow:1 } } ] }); // 新闻中心 $(function ScreenWidth(){ if (screen.width < 768){ var mySwiper = new Swiper('.swiper-new',{ slidesPerView: 1, spaceBetween: 20, mousewheel: true, scrollbar: { el: '.swiper-scrollbar', }, }); }else { var mySwiper = new Swiper('.swiper-new',{ slidesPerView: 4, spaceBetween: 20, mousewheel: true, scrollbar: { el: '.swiper-scrollbar', }, }); } }); // var mySwiper = new Swiper('.swiper-new',{ // slidesPerView: 4, // spaceBetween: 20, // mousewheel: true, // scrollbar: { // el: '.swiper-scrollbar', // }, // }); // 技术装备 $(".single-skill").slick({ dots:false,//指示点 autoplay:false, arrows:true,//左右箭头 //autoplaySpeed:2000,自动播放间隔 }); // 二维码展现 $(".suspend .ball").hover(function(){ $(this).find(".pa").stop(true, true).fadeIn(400); },function (){ $(this).find(".pa").stop(true, true).fadeOut(400); }); $(".back-top").click(function(){ $("html,body").animate({scrollTop:'0px'},800); }); // 大事记选项卡 $(function(){ $(".event_about .hd ul li.cli").click(function(){ $(this).addClass("on").siblings().removeClass("on"); var index=$(this).index(); // $(".event_about .bd > .detil").eq(index).show().siblings().hide(); $(".event_about .bd > .detil").eq(index).addClass("cur").siblings().removeClass("cur"); $(".event_about .bd .detil:first-child").css("opacity","0"); }); }); // 大事记展示轮播 $(".sj_slider").slick({ infinite:true,//循环 slidesToShow:5,//显示个数 slidesToScroll:4,//轮播个数 infinite: false, dots:false,//指示点 speed: 300, autoplay:true, autoplaySpeed:3000,//自动播放间隔 arrows:true,//左右箭头 responsive: [ { breakpoint: 1024, settings: { slidesToShow: 5, slidesToScroll: 4 } }, { breakpoint: 991, settings: { slidesToShow: 3, slidesToScroll: 2 } }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1 } }] }); // 手机内页头部导航 $(".molnav_slider").slick({ infinite:false,//循环 slidesToShow:3,//显示个数 slidesToScroll:3,//轮播个数 arrows:true, }); // 内页侧边导航 $(".one > li > a").click(function(){ $(this).toggleClass("ez").parents().siblings().find("a").removeClass("ez"); $(this).parents().siblings().find(".second").hide(300); $(this).siblings(".second").toggle(300); }) $(".second > li > a").click(function(){ $(this).toggleClass("sen_x").parents().siblings().find("a").removeClass("sen_x"); $(this).parents().siblings().find(".third").hide(300); $(this).siblings(".third").toggle(300); }) $(".third > li > a").click(function(){ $(this).toggleClass("xuan").parents().siblings().find("a").removeClass("xuan"); $(this).parents().siblings().find(".thr_nr").hide(); $(this).siblings(".thr_nr").toggle(); }) $(".mol_nynavbtn").click(function(){ $(".con-left-nav").slideToggle(); }) // 地图联系方式 $(".close_m").click(function(){ $(this).parents(".map_contact").hide(300); }) $("#main").click(function(){ $(this).siblings(".map_contact").show(300); }) $(".re_name").click(function(){ $(this).toggleClass("on").parents().siblings().find(".re_name").removeClass("on"); $(this).parents().siblings().find("dl").hide(300); $(this).siblings("dl").slideToggle(300); }) // 人才招聘详情展示 $(".recruit_ul li.rec_btn dl").click(function(){ $(this).parents().siblings().find(".recruit_dec").hide(300); $(this).siblings(".recruit_dec").slideToggle(300); }) // 简历点击 $(".recruit_dec .jl_btn").click(function(){ $(".jl_form").show(); $(".opacity2").show(); }) $(".close_form").click(function(){ $(".opacity2").hide(); $(".jl_form").hide(); }) // 登录选项卡 $(function(){ $(".login_tack .hd ul li.cli").click(function(){ $(this).addClass("on").siblings().removeClass("on"); var index=$(this).index(); $(".login_tack .bd > .detil").eq(index).show().siblings().hide(); }); }); // 产品多图详情 $('.slider-for').slick({ slidesToShow:1, slidesToScroll:1, arrows:true, fade:true, asNavFor:'.slider-nav' }); $('.slider-nav').slick({ slidesToShow:3, slideToScroll:1, asNavFor:'.slider-for', focusOnSelect:true // responsive:[//断点触发设置 // { // breakpoint:1200, // settings:{ // slidesToShow:3, // } // }, // { // breakpoint:992, // settings:{ // slidesToShow:3, // } // }, // { // breakpoint:768, // settings:{ // slidesToShow:3, // } // } // ] }); //隐藏导航跟wrap的切换 $(".mol_navbutton,.navbtn,.navbtn1").click(function(){ $(".left_nav").removeClass("page-prev").addClass("page-in"); $(".wrap").removeClass("page-active").addClass("page-next page-in") $(".opacity2").show() $("#wrap_index").height($(window).height()) // $(".left_nav .class-close").show() // pageSlideOver(); }) $(".opacity2").on('click touchstart',function(){ $(".left_nav").addClass("page-prev page-out") $(".wrap").removeClass("page-next").addClass(" page-out") $(".opacity2").hide() $("#wrap_index").css("height","auto") // $(".left_nav .class-close").hide() // pageSlideOver(); return false; }); // 侧边二级导航下拉 $(".ericon").click(function(){ $(this).toggleClass("xz").parents().siblings().find(".ericon").removeClass("xz"); $(this).parents().siblings().find(".menu_body").hide(300); $(this).siblings(".menu_body").slideToggle() }) // 侧边三级下拉 $(".thricon").click(function(){ $(this).toggleClass("tz").parents().siblings().find(".thricon").removeClass("tz"); $(this).parents().siblings().find(".thr_body").hide(300); $(this).siblings(".thr_body").slideToggle() }) // 侧边四级下拉 $(".foricon").click(function(){ $(this).toggleClass("tz").parents().siblings().find(".foricon").removeClass("fz"); $(this).parents().siblings().find(".for_body").hide(300); $(this).siblings(".for_body").slideToggle() }) // animate鼠标滚动渐入 if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){ new WOW().init(); }; $(function(){ var options = { useEasing: true, useGrouping: true, separator: '', decimal: '', }; var demo1 = new CountUp('myTargetElement', 0, 1958, 0, 2, options); var demo2 = new CountUp('myTargetElement2', 0, 4, 0, 2, options); var demo3 = new CountUp('myTargetElement3', 0, 5200, 0, 2, options); $(window).scroll(function() { //屏幕滚动 入场动画 //if ($(window).scrollTop()-$(window).height()>-690) //{ demo1.start(); demo2.start(); demo3.start(); //} }) }); $(".pronav_l .proul li > a").mouseover(function(){ $(this).toggleClass("on").parents().siblings().find("a").removeClass("on"); $(this).parents().siblings().find(".pro_erji").hide(200); $(this).siblings(".pro_erji").show(200); }); // 员工天地 $(".nytop_nav ul li").hover(function () { $(this).find(".nytop_nav_er").stop(true, false).slideDown(); },function () { $(this).find(".nytop_nav_er").slideUp(); }); $(".molnav_slider a.mol_one").click("touchstart",function(){ $(this).toggleClass("tz").parents().siblings().find(".molnav_slider a.mol_one").removeClass("fz"); $(this).parents().siblings().find(".nymol_nav_er").hide(300); $(this).siblings(".nymol_nav_er").slideToggle() }) });