// wow = new WOW({ // boxClass: 'wow', // animateClass: 'animated', // offset: 0, // mobile: true, // live: true // }) // // wow.init(); // if (window.matchMedia('(min-width:900px)').matches) { var mySwiper = new Swiper('.banne-swi .swiper-container', { slidesPerView: 1, pagination: { el: '.swiper-pagination', clickable: true, }, }) // } else { // } window.onload = function(){ var flag = true; $('header .nav').click(function(){ if(flag){ flag = false; $('header .nav span').eq(0).addClass('active'); $('header .nav span').eq(2).addClass('active'); $('header .nav span').eq(1).hide(); $('header .header>ul').slideDown(); }else{ flag = true; $('header .nav span').eq(0).removeClass('active'); $('header .nav span').eq(2).removeClass('active'); $('header .nav span').eq(1).show(); $('header .header>ul').slideUp(); } }); $('.header>ul>li').hover( function(){ $(this).find('.childUl').fadeIn(100); $(this).find('.childUl').animate({top:'80px',display:'block'},200)}, function(){$(this).find('.childUl').animate({top:'100px',display:'none'},200); $(this).find('.childUl').fadeOut();} ) // 首页banner轮播图 var Bannerswiper = new Swiper('.banner .swiper-container', { loop: true, //循环 // 自动轮播 autoplay: { delay: 3000, //轮播延迟 stopOnLastSlide: false, disableOnInteraction: false, //用户操作swiper之后自动切换不会停止 }, // 位移切换(默认) effect: 'slide', //淡入 // effect: 'fade', //方块 // effect : 'cube', //3D流 // effect : 'coverflow', //3D翻转 // effect : 'flip', //分页器 pagination: { el: '.swiper-pagination', clickable: true, }, // 切换箭头按钮s navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', } }); var Noticeswiper = new Swiper('#notice', { direction: 'vertical', loop: true, autoplay:true, }); var swiper1 = new Swiper('#sectTwo .swiper-container', { slidesPerView: '4', spaceBetween: 15, loop : true, pagination: { el: '.swiper-pagination', }, breakpoints: { 750:{ slidesPerView: '2', spaceBetween: 20, } }, navigation: { nextEl: '.next2', prevEl: '.prev2', }, }); var swiper2 = new Swiper('#sectFive .swiper-container', { slidesPerView: '2', spaceBetween: 50, breakpoints: { 1300:{ slidesPerView: '2', spaceBetween: 12, }, 750:{ slidesPerView: '1', spaceBetween: 20, } },pagination: { el: '.swiper-pagination', clickable :true, } }); } $(function(){ $(".useitem li:eq(0)").addClass("choice") }) $(".useitem li").click(function () { // 修改tab标签样式 $(this).attr("class", "choice") $(this).siblings().attr("class", "") // 获取tab ID var itemId = $(this).attr("tabid") - 1; console.log(itemId) // 切换到指定tab $("#box .tab-item").removeClass("show"); $("#box .tab-item:eq(" + itemId + ")").addClass("show"); }) // 多语言切换 var flaglang = false; $(".language .icon-fanyi-full").on("click",function(e){ //阻止事件=冒泡 if( e && e.stopPropagation ) e.stopPropagation(); else{ window.event.cancelBubble = true; } //语言切换 if( flaglang == false){ $(".changeBut").slideDown(); flaglang = true; }else if( flaglang == true){ $(".changeBut").slideUp(); flaglang = false; } }); var Bannerss = new Swiper('.advaleft .swiper-container', { // loop: true, //循环 // 自动轮播 autoplay: false, // 位移切换(默认) effect: 'slide', //淡入 // effect: 'fade', //方块 // effect : 'cube', //3D流 // effect : 'coverflow', //3D翻转 // effect : 'flip', navigation: { nextEl: '.advaleft .swiper-button-next', prevEl: '.advaleft .swiper-button-prev', } }); $(".ficalist li a").hover(function () { $(this).parent().addClass("actisdv").siblings().removeClass("actisdv") },function () { $(this).parent().removeClass("actisdv") }) // 高亮显示头部链接 var iLi = $('.nav-bottom'); var winUlr = window.location.href; if (winUlr.indexOf("about") != -1) { iLi.find("li[name='about']").addClass('active').siblings("li").removeClass("active"); } else if (winUlr.indexOf("honor") != -1) { iLi.find("li[name='honor']").addClass('active').siblings("li").removeClass("active"); } else if (winUlr.indexOf("culture") != -1) { iLi.find("li[name='culture']").addClass('active').siblings("li").removeClass("active"); } else if (winUlr.indexOf("video") != -1) { iLi.find("li[name='video']").addClass('active').siblings("li").removeClass("active"); } else if (winUlr.indexOf("contact") != -1) { iLi.find("li[name='contact']").addClass('active').siblings("li").removeClass("active"); } else if (winUlr.indexOf("product") != -1) { iLi.find("li[name='product']").addClass('active').siblings("li").removeClass("active"); } else if (winUlr.indexOf("case") != -1) { iLi.find("li[name='case']").addClass('active').siblings("li").removeClass("active"); } else if (winUlr.indexOf("news") != -1) { iLi.find("li[name='news']").addClass('active').siblings("li").removeClass("active"); } else if (winUlr.indexOf("support") != -1) { iLi.find("li[name='support']").addClass('active').siblings("li").removeClass("active"); } else { iLi.find("li[name='index']").addClass('active').siblings("li").removeClass("active"); } var flagA = false; $('header .navBtn').click(function (e) { //阻止事件=冒泡 if (e && e.stopPropagation) e.stopPropagation(); else { window.event.cancelBubble = true; } if (flagA == false) { flagA = true; $('header .navBtn span').eq(0).addClass('active'); $('header .navBtn span').eq(2).addClass('active'); $('header .navBtn span').eq(1).hide(); $('header .nav-bottom').addClass("active"); } else { flagA = false; $('header .navBtn span').eq(0).removeClass('active'); $('header .navBtn span').eq(2).removeClass('active'); $('header .navBtn span').eq(1).show(); $('header .nav-bottom').removeClass("active"); } }); $("body").on('click', function () { flagA = false; $('header .navBtn span').eq(0).removeClass('active'); $('header .navBtn span').eq(2).removeClass('active'); $('header .navBtn span').eq(1).show(); $('header .menu').removeClass("active"); })//JavaS