NN2020042801/public/themes/mjmls/static/js/index.js

$(function () {

    // 侧导航分类
    $(".sub-list li").hover(function () {
        $(this).find(".nav-box").css("display", "block");
    }, function () {
        $(this).find(".nav-box").css("display", "none");
    });
    // 图片懒加载

    var swiper = new Swiper('#slide1', {
        speed: 600,
        autoplay: {
            delay: 4000
        },
        loop: true,
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
        lazy: {
            loadPrevNext: true,
        }
    });
    var tsw = new Swiper('#notice', {
        autoplay: {
            delay: 3000,
            disableOnInteraction: false,
        },
        loop: true,
        direction: 'vertical',
        slidesPerView: 6,

    });
    var reco = new Swiper('#slide2', {
        speed: 900,
        loop: true,
        autoplay: {
            delay: 4000
        },
        lazy: {
            loadPrevNext: true,
        },
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
    });

    $(".tab-1 span").hover(function () {
        $(this).addClass("on").siblings().removeClass("on");
        var index = $(this).index();
        $(".tab-box-1 ul").eq(index).addClass("active").siblings().removeClass("active");
    });
    $(".tab-2 span").hover(function () {
        $(this).addClass("on").siblings().removeClass("on");
        var index = $(this).index();
        $(".tab-box-2 ul").eq(index).addClass("active").siblings().removeClass("active");
    });

    var ppjj = new Swiper('#join_slide', {
        autoplay: {
            delay: 3000,
            disableOnInteraction: false,
        },
        speed: 900,
        loop: true,
        navigation: {
            nextEl: '.s-next',
            prevEl: '.s-prev',
        },
    });

    if(ppjj.el){
        ppjj.el.onmouseover = function () {
            ppjj.autoplay.stop();
        }

        ppjj.el.onmouseout = function () {
            ppjj.autoplay.start();
        }
    }


    // 品牌排行
    $('.rank-box li').hover(function () {
        $(this).addClass('active').siblings().removeClass('active');
    })

    // 全部分类
    $(".all-classify-nav span").hover(function () {
        $(this).addClass("on").siblings().removeClass("on");
        var index = $(this).index();
        $(".all-classify-box ul").eq(index).addClass("active").siblings().removeClass("active");
    });

    // 加盟咨询动态
    var culat = new Swiper('#consultation', {
        autoplay: {
            delay: 2000,
            disableOnInteraction: false,
        },
        speed: 600,
        loop: true,
        direction: 'vertical',
        slidesPerView: 5,
        spaceBetween: 30,
    });

    // mobile
    var wid_1 = $('.dpjxCon li').width();
    $('.dpjxCon li img').height(wid_1 * 0.62);
    // 屏幕改变
    $(window).resize(function () {
        var wid_1 = $('.dpjxCon li').width();
        $('.dpjxCon li img').height(wid_1 * 0.62);
    })
})