// $(".headerBox").load("../html/head.html"); $(".suspension").load("../html/suspension.html"); $(".footer").load("../html/footer.html"); $(function () { // var swiper = new Swiper(".mySwiper", { // loop: true, // autoplay: true, // pagination: { // el: ".swiper-pagination", // }, // }); $("#home").click(function () { $("html,body").animate({ scrollTop: $(".concentrationBox").offset().top }, 1000) }); $("#jiejue").click(function () { $("html,body").animate({ scrollTop: $(".h3").offset().top }, 1000) }); $("#fuwu").click(function () { $("html,body").animate({ scrollTop: $("#mian").offset().top }, 1000) }); $("#anli").click(function () { $("html,body").animate({ scrollTop: $(".caseBox").offset().top }, 1000) }); $("#women").click(function () { $("html,body").animate({ scrollTop: $(".aboutUt").offset().top }, 1000) }); $(".itemImgBox1").click(function () { $(".activity1").css("display", "block") $(".activity2").css("display", "none") $(".activity3").css("display", "none") $(".activity4").css("display", "none") $(".explainBox1").css("display", "block") $(".explainBox2").css("display", "none") $(".explainBox3").css("display", "none") $(".explainBox4").css("display", "none") }) $(".itemImgBox2").click(function () { $(".activity1").css("display", "none") $(".activity2").css("display", "block") $(".activity3").css("display", "none") $(".activity4").css("display", "none") $(".explainBox1").css("display", "none") $(".explainBox2").css("display", "block") $(".explainBox3").css("display", "none") $(".explainBox4").css("display", "none") }) $(".itemImgBox3").click(function () { $(".activity1").css("display", "none") $(".activity2").css("display", "none") $(".activity3").css("display", "block") $(".activity4").css("display", "none") $(".explainBox1").css("display", "none") $(".explainBox2").css("display", "none") $(".explainBox3").css("display", "block") $(".explainBox4").css("display", "none") }) $(".itemImgBox4").click(function () { $(".activity1").css("display", "none") $(".activity2").css("display", "none") $(".activity3").css("display", "none") $(".activity4").css("display", "block") $(".explainBox1").css("display", "none") $(".explainBox2").css("display", "none") $(".explainBox3").css("display", "none") $(".explainBox4").css("display", "block") }) // 动画组 $(".caseLogo1").mouseenter(function () { $(".caseLogo1").animate({ width: '443px' }, 300, function () { $(".caseLogo2").stop() $(".caseLogo3").stop() $(".caseLogo4").stop() $(".caseLogo5").stop() // 隐藏其他 $(".caseLogo2").css("width", "222px") $(".jinbaoBoxA2").css("display", "none") $(".logoBox2").css("display", "block") $(".caseLogo3").css("width", "222px") $(".jinbaoBoxA3").css("display", "none") $(".logoBox3").css("display", "block") $(".caseLogo4").css("width", "222px") $(".jinbaoBoxA4").css("display", "none") $(".logoBox4").css("display", "block") $(".caseLogo5").css("width", "222px") $(".jinbaoBoxA5").css("display", "none") $(".logoBox5").css("display", "block") $(".jinbaoBoxA1").css("display", "block") $(".logoBox1").css("display", "none") }) }) // $(".caseLogo1").mouseleave(function() { // $(".caseLogo1").stop() // // 隐藏其他 // $(".caseLogo2").css("width", "222px") // $(".jinbaoBoxA2").css("display", "none") // $(".logoBox2").css("display", "block") // $(".caseLogo3").css("width", "222px") // $(".jinbaoBoxA3").css("display", "none") // $(".logoBox3").css("display", "block") // $(".caseLogo4").css("width", "222px") // $(".jinbaoBoxA4").css("display", "none") // $(".logoBox4").css("display", "block") // $(".caseLogo1").animate({ width: '222px' }, 300) // $(".jinbaoBoxA1").css("display", "none") // $(".logoBox1").css("display", "block") // }) $(".caseLogo2").mouseenter(function () { $(".caseLogo2").stop() $(".caseLogo1").stop() $(".caseLogo3").stop() $(".caseLogo4").stop() // 隐藏其他 $(".caseLogo1").css("width", "222px") $(".jinbaoBoxA1").css("display", "none") $(".logoBox1").css("display", "block") $(".caseLogo3").css("width", "222px") $(".jinbaoBoxA3").css("display", "none") $(".logoBox3").css("display", "block") $(".caseLogo4").css("width", "222px") $(".jinbaoBoxA4").css("display", "none") $(".logoBox4").css("display", "block") $(".caseLogo5").css("width", "222px") $(".jinbaoBoxA5").css("display", "none") $(".logoBox5").css("display", "block") $(".caseLogo2").animate({ width: '443px' }, 300, function () { $(".jinbaoBoxA2").css("display", "block") $(".logoBox2").css("display", "none") }) }) $(".caseLogo2").mouseleave(function () { $(".caseLogo2").stop() $(".caseLogo1").stop() $(".caseLogo3").stop() $(".caseLogo4").stop() $(".caseLogo5").stop() // 隐藏其他 $(".caseLogo1").css("width", "222px") $(".jinbaoBoxA1").css("display", "none") $(".logoBox1").css("display", "block") $(".caseLogo3").css("width", "222px") $(".jinbaoBoxA3").css("display", "none") $(".logoBox3").css("display", "block") $(".caseLogo4").css("width", "222px") $(".jinbaoBoxA4").css("display", "none") $(".logoBox4").css("display", "block") $(".caseLogo5").css("width", "222px") $(".jinbaoBoxA5").css("display", "none") $(".logoBox5").css("display", "block") $(".jinbaoBoxA2").css("display", "none") $(".logoBox2").css("display", "block") $(".caseLogo2").animate({ width: '222px' }, 300, function () { $(".caseLogo1").css("width", '443px') $(".jinbaoBoxA1").css("display", "block") $(".logoBox1").css("display", "none") }) }) $(".caseLogo3").mouseenter(function () { $(".caseLogo2").stop() $(".caseLogo1").stop() $(".caseLogo3").stop() $(".caseLogo4").stop() $(".caseLogo5").stop() // 隐藏其他 $(".caseLogo2").css("width", "222px") $(".jinbaoBoxA2").css("display", "none") $(".logoBox2").css("display", "block") $(".caseLogo1").css("width", "222px") $(".jinbaoBoxA1").css("display", "none") $(".logoBox1").css("display", "block") $(".caseLogo4").css("width", "222px") $(".jinbaoBoxA4").css("display", "none") $(".logoBox4").css("display", "block") $(".caseLogo5").css("width", "222px") $(".jinbaoBoxA5").css("display", "none") $(".logoBox5").css("display", "block") $(".caseLogo3").animate({ width: '443px' }, 300, function () { $(".jinbaoBoxA3").css("display", "block") $(".logoBox3").css("display", "none") }) }) $(".caseLogo3").mouseleave(function () { $(".caseLogo2").stop() $(".caseLogo1").stop() $(".caseLogo3").stop() $(".caseLogo4").stop() $(".caseLogo5").stop() // 隐藏其他 $(".caseLogo2").css("width", "222px") $(".jinbaoBoxA2").css("display", "none") $(".logoBox2").css("display", "block") $(".caseLogo1").css("width", "222px") $(".jinbaoBoxA1").css("display", "none") $(".logoBox1").css("display", "block") $(".caseLogo4").css("width", "222px") $(".jinbaoBoxA4").css("display", "none") $(".logoBox4").css("display", "block") $(".caseLogo5").css("width", "222px") $(".jinbaoBoxA5").css("display", "none") $(".logoBox5").css("display", "block") $(".jinbaoBoxA3").css("display", "none") $(".logoBox3").css("display", "block") $(".caseLogo3").animate({ width: '222px' }, 300, function () { $(".caseLogo1").css("width", '443px') $(".jinbaoBoxA1").css("display", "block") $(".logoBox1").css("display", "none") }) }) $(".caseLogo4").mouseenter(function () { $(".caseLogo2").stop() $(".caseLogo1").stop() $(".caseLogo3").stop() $(".caseLogo4").stop() $(".caseLogo5").stop() // 隐藏其他 $(".caseLogo2").css("width", "222px") $(".jinbaoBoxA2").css("display", "none") $(".logoBox2").css("display", "block") $(".caseLogo3").css("width", "222px") $(".jinbaoBoxA3").css("display", "none") $(".logoBox3").css("display", "block") $(".caseLogo1").css("width", "222px") $(".jinbaoBoxA1").css("display", "none") $(".logoBox1").css("display", "block") $(".caseLogo1").css("width", "222px") $(".jinbaoBoxA5").css("display", "none") $(".logoBox5").css("display", "block") $(".caseLogo5").css("width", "222px") $(".jinbaoBoxA4").css("display", "none") $(".logoBox4").css("display", "block") $(".caseLogo4").animate({ width: '443px' }, 300, function () { $(".jinbaoBoxA4").css("display", "block") $(".logoBox4").css("display", "none") }) }) $(".caseLogo4").mouseleave(function () { $(".caseLogo2").stop() $(".caseLogo1").stop() $(".caseLogo3").stop() $(".caseLogo4").stop() $(".caseLogo5").stop() // 隐藏其他 $(".caseLogo2").css("width", "222px") $(".jinbaoBoxA2").css("display", "none") $(".logoBox2").css("display", "block") $(".caseLogo3").css("width", "222px") $(".jinbaoBoxA3").css("display", "none") $(".logoBox3").css("display", "block") $(".caseLogo1").css("width", "222px") $(".jinbaoBoxA1").css("display", "none") $(".logoBox1").css("display", "block") $(".caseLogo5").css("width", "222px") $(".jinbaoBoxA5").css("display", "none") $(".logoBox5").css("display", "block") $(".jinbaoBoxA4").css("display", "none") $(".logoBox4").css("display", "block") $(".caseLogo4").animate({ width: '222px' }, 300, function () { $(".caseLogo1").css("width", '443px') $(".jinbaoBoxA1").css("display", "block") $(".logoBox1").css("display", "none") }) }) $(".caseLogo5").mouseenter(function () { $(".caseLogo2").stop() $(".caseLogo1").stop() $(".caseLogo3").stop() $(".caseLogo4").stop() $(".caseLogo5").stop() // 隐藏其他 $(".caseLogo2").css("width", "222px") $(".jinbaoBoxA2").css("display", "none") $(".logoBox2").css("display", "block") $(".caseLogo3").css("width", "222px") $(".jinbaoBoxA3").css("display", "none") $(".logoBox3").css("display", "block") $(".caseLogo1").css("width", "222px") $(".jinbaoBoxA1").css("display", "none") $(".logoBox1").css("display", "block") $(".caseLogo4").css("width", "222px") $(".jinbaoBoxA4").css("display", "none") $(".logoBox4").css("display", "block") $(".caseLogo5").animate({ width: '443px' }, 300, function () { $(".jinbaoBoxA5").css("display", "block") $(".logoBox5").css("display", "none") }) }) $(".caseLogo5").mouseleave(function () { $(".caseLogo2").stop() $(".caseLogo1").stop() $(".caseLogo3").stop() $(".caseLogo4").stop() $(".caseLogo5").stop() // 隐藏其他 $(".caseLogo2").css("width", "222px") $(".jinbaoBoxA2").css("display", "none") $(".logoBox2").css("display", "block") $(".caseLogo3").css("width", "222px") $(".jinbaoBoxA3").css("display", "none") $(".logoBox3").css("display", "block") $(".caseLogo1").css("width", "222px") $(".jinbaoBoxA1").css("display", "none") $(".logoBox1").css("display", "block") $(".caseLogo4").css("width", "222px") $(".jinbaoBoxA4").css("display", "none") $(".logoBox4").css("display", "block") $(".jinbaoBoxA5").css("display", "none") $(".logoBox5").css("display", "block") $(".caseLogo5").animate({ width: '222px' }, 300, function () { $(".caseLogo1").css("width", '443px') $(".jinbaoBoxA1").css("display", "block") $(".logoBox1").css("display", "none") }) }) $(".concentrationBox").click(function () { // window.open("https://dbt.zoosnet.net/LR/Chatpre.aspx?id=DBT86461431&lng=cn") }) })