lacemi_v32/sapi/web/officialStatics/js/company_product.js

/**
 * Created by Administrator on 2018/3/16.
 */
window.onload = function(){
    //高度自适应
    // $(".img").css("height",window.screen.width/3.5);
    // $(".img img").css("height",window.screen.width/3.5);

    // $("#swiper-wrapper div").mouseover(function(){
    //     //放大图片
    //     $(this).css({"width":"110%","height":"110%","transition":"all .2s linear"});
    //     $(this).find("p").css({"width":"100%","top":"83.5%","transition":"all .2s linear"});
    //     var hv =  $("#swiper-wrapper div").index(this)+1;
    //     if(hv == 1){
    //         //图片翻页
    //         $(".img_content div:first-child").css("display","block");
    //         $(".img_content div:not(:first-child)").css("display","none");
    //
    //         //当前按钮跟着变化
    //         $(".num_btn li:nth-child(2) a").css({"fontSize":"24px","color":"#757DEA"});
    //         $(".num_btn li:not(:nth-child(2)) a").css({"fontSize":"16px","color":"#9A9A96"});
    //
    //     }else if(hv == 2){
    //         $(".img_content div:nth-child(2)").css("display","block");
    //         $(".img_content div:not(:nth-child(2))").css("display","none");
    //
    //         $(".num_btn li:nth-child(3) a").css({"fontSize":"24px","color":"#757DEA"});
    //         $(".num_btn li:not(:nth-child(3)) a").css({"fontSize":"16px","color":"#9A9A96"});
    //
    //     }else if(hv == 3){
    //         $(".img_content div:nth-child(3)").css("display","block");
    //         $(".img_content div:not(:nth-child(3))").css("display","none");
    //
    //         $(".num_btn li:nth-child(4) a").css({"fontSize":"24px","color":"#757DEA"});
    //         $(".num_btn li:not(:nth-child(4)) a").css({"fontSize":"16px","color":"#9A9A96"});
    //     }else if(hv ==4){
    //         $(".img_content div:nth-child(4)").css("display","block");
    //         $(".img_content div:not(:nth-child(4))").css("display","none");
    //
    //         $(".num_btn li:nth-child(5) a").css({"fontSize":"24px","color":"#757DEA"});
    //         $(".num_btn li:not(:nth-child(5)) a").css({"fontSize":"16px","color":"#9A9A96"});
    //     }else if(hv == 5){
    //         $(".img_content div:nth-child(5)").css("display","block");
    //         $(".img_content div:not(:nth-child(5))").css("display","none");
    //
    //         $(".num_btn li:nth-child(6) a").css({"fontSize":"24px","color":"#757DEA"});
    //         $(".num_btn li:not(:nth-child(6)) a").css({"fontSize":"16px","color":"#9A9A96"});
    //     }
    // }).mouseout(function(){
    //     //恢复正常
    //     $(this).css({"width":"100%","height":"100%","transition":"all .2s linear"});
    //     $(this).find("p").css({"width":"100%","top":"82%","transition":"all .2s linear"});
    // });

    var swiper = new Swiper('.swiper-container', {
        slidesPerView: 4.6,
        spaceBetween: 30,
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
    });

    //分页条的数字显示效果
    $(".num_btn li a").click(function(e){
        e.preventDefault();
        $(this).css({"fontSize":"24px","color":"#757DEA"});
        $(this).parent().parent().siblings().children().children().css({"fontSize":"16px","color":"#9A9A96"});


        var open = $(".num_btn li a").index(this);
        if(open == 1){
            $(".img_content div:first-child").css("display","block");
            $(".img_content div:not(:first-child)").css("display","none");
        }else if(open == 2){
            $(".img_content div:nth-child(2)").css("display","block");
            $(".img_content div:not(:nth-child(2))").css("display","none");
        }else if(open == 3){
            $(".img_content div:nth-child(3)").css("display","block");
            $(".img_content div:not(:nth-child(3))").css("display","none");
        }else if(open ==4){
            $(".img_content div:nth-child(4)").css("display","block");
            $(".img_content div:not(:nth-child(4))").css("display","none");
        }else if(open == 5){
            $(".img_content div:nth-child(5)").css("display","block");
            $(".img_content div:not(:nth-child(5))").css("display","none");
        }

    });

    $(".num_btn ul li:first-child a").unbind("click");
    $(".num_btn ul li:first-child a").click(function(e){
        e.preventDefault();
        var aa = $(this).parent().parents().siblings().children().children();
        console.log(aa);

    })
    $(".num_btn ul li:last-child a").unbind("click");
    $(".num_btn ul li:last-child a").click(function(e){
        e.preventDefault();
    });



    //中英文之间的转化
    $("#eng").click(function(){
        $(".footer_title p:first-child").html("Fujian Shengteng Knltting Textlle Co.,Ltd.");
        $(".footer_top li:first-child").html("Contacts：LINXUEGUI (General Manager)");
        $(".footer_top li:nth-child(2)").html("Tel：+86 0591-28761238");
        $(".footer_top li:nth-child(3)").html("Mobile：13599097555");
        $(".footer_top li:last-child").html("Fax：+86 0591-28761296");
        $(".footer_bottom li:first-child").html("E-mail：fjshengteng@163.com");
        $(".footer_bottom li:last-child").html("Add：shenjutengda,Songxia Town,Changle City,Fujian Province,China");
        $(this).css("background","#5E97F5");
        $("#chn").css("background","transparent");
    });
    $("#chn").click(function(){
        $(".footer_title p:first-child").html("福建升腾针纺有限公司");
        $(".footer_top li:first-child").html("联系人：林雪贵（总经理）");
        $(".footer_top li:nth-child(2)").html("手机号码：13599097555");
        $(".footer_top li:nth-child(3)").html("电话：0591-28761238");
        $(".footer_top li:last-child").html("传真：0591-28761296");
        $(".footer_bottom li:first-child").html("邮箱：fjshengteng@163.com");
        $(".footer_bottom li:last-child").html("公司地址：福建省长乐市松下镇龙纺工业区");
        $(this).css("background","#5E97F5");
        $("#eng").css("background","transparent");
    });
};