|
- // $(".headerBox").load("../html/head.html");
- $(".suspension").load("../html/suspension.html");
- $(".footer").load("../html/footer.html");
-
-
- $(function() {
-
- $("#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()
- // 隐藏其他
- $(".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")
-
- $(".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")
- $(".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()
- // 隐藏其他
- $(".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")
-
- $(".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()
- // 隐藏其他
- $(".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")
- $(".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()
- // 隐藏其他
- $(".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")
-
- $(".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()
- // 隐藏其他
- $(".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").animate({ width: '443px' }, 300, function() {
-
-
- $(".jinbaoBoxA4").css("display", "block")
- $(".logoBox4").css("display", "none")
- })
-
- })
- $(".caseLogo4").mouseleave(function() {
- $(".caseLogo2").stop()
- $(".caseLogo1").stop()
- $(".caseLogo3").stop()
- $(".caseLogo4").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")
-
- $(".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")
- })
- })
-
- $(".concentrationBox").click(function() {
- window.open("https://dbt.zoosnet.net/LR/Chatpre.aspx?id=DBT86461431&lng=cn")
- })
-
-
-
- })
|