$(function() { var swiper = new swiper('.slide1', { pagination: { el: '.swiper-pagination', clickable: true, }, autoplay: true, loop: true, }); var swiper = new swiper('.slide2', { direction: 'vertical', navigation: { nextel: '.button-next', prevel: '.button-prev', }, autoplay: true, loop: true, }); var swiper = new swiper('.slide3', { pagination: { el: '.swiper-pagination', clickable: true, }, autoplay: true, loop: true, }); var swiper = new swiper('.slide4', { slidesperview: 5, spacebetween: 20, breakpoints: { //当宽度大于等于320 320: { slidesperview: 2, spacebetween: 10, autoplay: true, loop: true, }, //当宽度大于等于480 480: { slidesperview: 2, spacebetween: 20, autoplay: true, loop: true, }, //当宽度大于等于640 640: { slidesperview: 3, spacebetween: 30, autoplay: true, loop: true, } } }); var swiper = new swiper('.slide5', { autoplay: true, loop: true, slidesperview: 4, breakpoints: { //当宽度大于等于320 320: { slidesperview: 2, spacebetween: 10 }, //当宽度大于等于480 480: { slidesperview: 2, spacebetween: 20 }, //当宽度大于等于640 640: { slidesperview: 3, spacebetween: 30 } } // spacebetween: 32, }); var swiper = new swiper('.nav2', { slidesperview: 4.5, spacebetween: 20, // centeredslides: true, }); $('.nav div').mouseover(function() { $(this).find('ul').css('display', 'block'); $(this).mouseout(function() { $(this).find('ul').css('display', 'none'); }) }) $('.menu .item').mouseover(function() { $(this).find('ul').css('display', 'block'); $(this).mouseout(function() { $(this).find('ul').css('display', 'none'); }); $('.menu .item li').click(function() { $(this).parent().css('display', 'none'); }) }) $('.sub-item').mouseover(function(){ $('.sub-item').removeclass('active-item'); $(this).addclass('active-item'); }) })