|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355 |
- // $(".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")
- })
-
-
-
- })
|