// 页面动画 if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){ new WOW().init(); }; //用于判断导航栏的状态 var toggle = true; //导航栏按钮 $('.m-btn').click(function() { if (toggle) { $(this).addClass("active"); $('.nav').addClass("show"); $('header').addClass("ons"); toggle = false } else { $(this).removeClass("active"); $('.nav').removeClass("show"); $('header').removeClass("ons"); toggle = true; } }) // 电脑端导航 $(window).scroll(function(){ if ($(window).scrollTop()>10) { $('header').addClass('on'); }else{ $('header').removeClass('on'); }; }) $(function(){ var mySwiper = new Swiper ('.product-slide', { loop: true, // 循环模式选项 speed:800, slidesPerView: 1, slidesPerGroup:1, spaceBetween: 0, // 如果需要前进后退按钮 navigation: { nextEl: '.pro-next', prevEl: '.pro-prev', }, autoplay: { autoplay:true,//自动播放 delay:4000, //自动切换的时间间隔,单位ms disableOnInteraction :false //如果设置为false,用户操作swiper之后自动切换不会停止,每次都会重新启动autoplay。 } }) }) // 解决方案 $(function(){ var mySwiper = new Swiper ('.prolist', { loop: true, // 循环模式选项 speed:800, slidesPerView: 3, slidesPerGroup:1, spaceBetween: 15, // 如果需要前进后退按钮 navigation: { nextEl: '.pro-next', prevEl: '.pro-prev', }, autoplay: { autoplay:true,//自动播放 delay:4000, //自动切换的时间间隔,单位ms disableOnInteraction :false //如果设置为false,用户操作swiper之后自动切换不会停止,每次都会重新启动autoplay。 }, breakpoints: { 1024: { slidesPerView: 3, spaceBetween: 10, }, 768: { slidesPerView: 2, spaceBetween: 10, } } }) }) // 返回顶部 $("#to-top").click(function () { $('body,html').animate({scrollTop:0},500); return false; }); $(window).scroll(function(){ var H =$(window).scrollTop(); if(H > 100){ $(".float-box").addClass("active"); }else{ $(".float-box").removeClass("active"); } }) $(function(){ var mySwiper = new Swiper ('#banner', { direction: 'horizontal', // 水平切换选项, loop: true, // 循环模式选项 speed:800, effect:'fade', // 如果需要分页器 pagination: { el: '.swiper-pagination', clickable: true, }, // 如果需要前进后退按钮 navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, autoplay: { autoplay:true,//自动播放 delay:6000, //自动切换的时间间隔,单位ms disableOnInteraction :false //如果设置为false,用户操作swiper之后自动切换不会停止,每次都会重新启动autoplay。 }, }) }) // 链接跳转 var murl=window.location.href; var str1=murl.split("#"); if(str1[1]){ var pos = $('#'+str1[1]).offset().top-200; $("html,body").animate({scrollTop: pos}, 1000); } $(".alink").click(function(){ var url = $(this).attr("href"); var str=url.split("#"); var pos = $('#'+str[1]).offset().top-200; console.log(pos); $("html,body").animate({scrollTop: pos}, 1000); return false; });