congzc 2 vuotta sitten
vanhempi
commit
1a10cb7a75
7 muutettua tiedostoa jossa 203 lisäystä ja 124 poistoa
  1. +38
    -0
      css/index.css
  2. +34
    -29
      html/footer.html
  3. +9
    -5
      html/suspension.html
  4. +23
    -3
      index.html
  5. +86
    -87
      js/index.js
  6. +0
    -0
      js/swiper.js
  7. +13
    -0
      js/swiper.min.js

+ 38
- 0
css/index.css Näytä tiedosto

@@ -1430,6 +1430,44 @@ h3 {
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} }
.companyLogo29 {
width: 142px;
height: 142px;
background: #FFFFFF;
box-shadow: 0px 5px 15px 0px rgba(159, 169, 193, 0.16);
border-radius: 8px;
position: absolute;
top: 3%;
left: 0;
}

.companyLogo29 img {
width: 90%;
height: 80%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.companyLogo30 {
width: 142px;
height: 142px;
background: #FFFFFF;
box-shadow: 0px 5px 15px 0px rgba(159, 169, 193, 0.16);
border-radius: 8px;
position: absolute;
top: 1%;
right:0 ;
}

.companyLogo30 img {
width: 90%;
height: 80%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}


.selectTitle { .selectTitle {
width: 100%; width: 100%;


+ 34
- 29
html/footer.html Näytä tiedosto

@@ -28,27 +28,32 @@
<div class="accessoryBoxA"> <div class="accessoryBoxA">
<div class="phoneBox"> <div class="phoneBox">
<div class="phoneText">7*24小时服务热线</div> <div class="phoneText">7*24小时服务热线</div>
<div class="phone">13701077090</div>
<div class="phone">18390239772</div>
</div> </div>
<div class="siteBox"> <div class="siteBox">
<div class="siteText">公司地址 </div> <div class="siteText">公司地址 </div>
<div class="site">北京市朝阳区锐创国际中心B座1215(总部)</div>
<div class="site">湖北省武汉市洪山区佩尔中心B座11层</div>
<!-- <div class="site">北京市朝阳区锐创国际中心B座1215(总部)</div> -->
<!-- <div class="site">湖北省武汉市洪山区佩尔中心B座11层</div> -->
<div class="site">湖北省武汉市洪山区光谷创业街9栋208A</div>

</div> </div>
<div class="rqCodeBox"> <div class="rqCodeBox">
<img class="code" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/qrcode_fmlk_c.jpg" alt="">
<img class="code"
src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/qrcode_fmlk_c.jpg" alt="">
<div class="codeText">扫码体验·富茂链客</div> <div class="codeText">扫码体验·富茂链客</div>
</div> </div>
<div class="rqCodeBox1"> <div class="rqCodeBox1">
<img class="code" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/qrcode_fmlk.jpg" alt="">
<img class="code" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/qrcode_fmlk.jpg"
alt="">
<div class="codeText">扫码关注富茂链客</div> <div class="codeText">扫码关注富茂链客</div>
</div> </div>
</div> </div>


</div> </div>


<div class="bianma"> © 2021 Copyright 武汉富茂链客科技有限公司 版权所有 <a href="https://beian.miit.gov.cn/">鄂ICP备2021007416号</a> © 2017 Copyright 北京富茂科技有限公司 版权所有 <a href="https://beian.miit.gov.cn/">京ICP备18046216号-1 </a></div>
<div class="bianma"> © 2021 Copyright 武汉富茂链客科技有限公司 版权所有 <a
href="https://beian.miit.gov.cn/">鄂ICP备2021007416号</a> © 2017 Copyright 北京富茂科技有限公司 版权所有 <a
href="https://beian.miit.gov.cn/">京ICP备18046216号-1 </a></div>


</footer> </footer>
</body> </body>
@@ -66,11 +71,11 @@
background: #1A1A1C; background: #1A1A1C;
height: 66px; height: 66px;
} }
.bianma a { .bianma a {
color: #ffffff; color: #ffffff;
} }
.codeText { .codeText {
text-align: center; text-align: center;
/* height: 12px; */ /* height: 12px; */
@@ -80,81 +85,81 @@
color: #BBBBCB; color: #BBBBCB;
line-height: 36px; line-height: 36px;
} }
.rqCodeBox1 { .rqCodeBox1 {
margin-top: 50px; margin-top: 50px;
float: left; float: left;
margin-left: 3%; margin-left: 3%;
} }
.rqCodeBox { .rqCodeBox {
margin-top: 50px; margin-top: 50px;
float: left; float: left;
margin-left: 15%; margin-left: 15%;
} }
.code { .code {
width: 126px; width: 126px;
height: 126px; height: 126px;
background: #FFFFFF; background: #FFFFFF;
} }
.siteBox { .siteBox {
margin-top: 82px; margin-top: 82px;
margin-left: 6%; margin-left: 6%;
float: left; float: left;
} }
.siteText { .siteText {
color: #868695; color: #868695;
font-size: 12px; font-size: 12px;
} }
.site { .site {
color: #ffffff; color: #ffffff;
font-size: 22px; font-size: 22px;
margin-top: 10px; margin-top: 10px;
} }
.phoneBox { .phoneBox {
margin-top: 82px; margin-top: 82px;
margin-left: 10%; margin-left: 10%;
float: left; float: left;
} }
.phoneText { .phoneText {
color: #868695; color: #868695;
font-size: 12px; font-size: 12px;
} }
.accessoryBox { .accessoryBox {
height: 254px; height: 254px;
background: #1A1A1C; background: #1A1A1C;
overflow: hidden; overflow: hidden;
} }
.accessoryBoxA { .accessoryBoxA {
width: 90%; width: 90%;
margin: 0 auto; margin: 0 auto;
overflow: hidden; overflow: hidden;
} }
.phone { .phone {
color: #ffffff; color: #ffffff;
font-size: 22px; font-size: 22px;
margin-top: 10px; margin-top: 10px;
} }
.footerBox { .footerBox {
widows: 100%; widows: 100%;
} }
.relationBox { .relationBox {
height: 260px; height: 260px;
background: #0065E8; background: #0065E8;
overflow: hidden; overflow: hidden;
} }
.inpuetBox { .inpuetBox {
width: 278px; width: 278px;
height: 72px; height: 72px;
@@ -165,7 +170,7 @@
margin-top: 92px; margin-top: 92px;
margin-left: 360px; margin-left: 360px;
} }
.inpuetBox1 { .inpuetBox1 {
width: 278px; width: 278px;
height: 72px; height: 72px;
@@ -176,7 +181,7 @@
margin-top: 92px; margin-top: 92px;
margin-left: 30px; margin-left: 30px;
} }
.inpuetBox2 { .inpuetBox2 {
width: 278px; width: 278px;
height: 72px; height: 72px;
@@ -194,7 +199,7 @@
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
} }
.nameInpuet { .nameInpuet {
width: 80%; width: 80%;
margin: 2px 10%; margin: 2px 10%;
@@ -202,15 +207,15 @@
font-size: 16px; font-size: 16px;
color: #FFFFFF; color: #FFFFFF;
} }
input::-webkit-input-placeholder { input::-webkit-input-placeholder {
color: #FFFFFF; color: #FFFFFF;
} }
input::-moz-input-placeholder { input::-moz-input-placeholder {
color: #FFFFFF; color: #FFFFFF;
} }
input::-ms-input-placeholder { input::-ms-input-placeholder {
color: #FFFFFF; color: #FFFFFF;
} }

+ 9
- 5
html/suspension.html Näytä tiedosto

@@ -13,19 +13,23 @@
<!-- 悬浮 --> <!-- 悬浮 -->
<div class="suspendedBox"> <div class="suspendedBox">
<div class="suspended1"> <div class="suspended1">
<img class="suspendedImg" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/all/yxf_ic_kfzx.png" alt="">
<img class="suspendedImg"
src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/all/yxf_ic_kfzx.png" alt="">
<div class="suspendedImgText">客服咨询</div> <div class="suspendedImgText">客服咨询</div>
</div> </div>
<div class="suspended2"> <div class="suspended2">
<img class="suspendedImg" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/all/yxf_ic_dhzx.png" alt="">
<img class="suspendedImg"
src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/all/yxf_ic_dhzx.png" alt="">
<div class="suspendedImgText">电话咨询</div> <div class="suspendedImgText">电话咨询</div>
<div class="showText">13701077090</div>
<div class="showText">18390239772</div>
</div> </div>
<div class="suspended3"> <div class="suspended3">
<img class="suspendedImg" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/all/yxf_ic_gzh.png" alt="">
<img class="suspendedImg"
src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/all/yxf_ic_gzh.png" alt="">
<div class="suspendedImgText">公众号</div> <div class="suspendedImgText">公众号</div>
<div class="showRqCode"> <div class="showRqCode">
<img class="showRqCodeImg" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/qrcode_fmlk.jpg" alt="">
<img class="showRqCodeImg"
src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/qrcode_fmlk.jpg" alt="">
</div> </div>
</div> </div>
</div> </div>


+ 23
- 3
index.html Näytä tiedosto

@@ -23,7 +23,6 @@


<body> <body>
<!-- 头部 --> <!-- 头部 -->

<div class="headerBox"> <div class="headerBox">
<!-- <div ></div> --> <!-- <div ></div> -->
<a href="../index.html"><img class="imgBox" <a href="../index.html"><img class="imgBox"
@@ -43,11 +42,14 @@
<!-- 专注 --> <!-- 专注 -->


<!-- ssiper --> <!-- ssiper -->
<div class="swiper mySwiper">
<div class="swiper mySwiper" id="certify">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide"><img class="concentrationBox" <div class="swiper-slide"><img class="concentrationBox"
src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/shouye/home_banner.png" alt=""> src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/shouye/home_banner.png" alt="">
</div> </div>
<div class="swiper-slide"><img class="concentrationBox"
src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/shouye/banner_1.png" alt="">
</div>
</div> </div>
<div class="swiper-pagination"></div> <div class="swiper-pagination"></div>
</div> </div>
@@ -377,6 +379,13 @@
<div class="companyLogo28 "> <div class="companyLogo28 ">
<img src="https://formall.oss-accelerate.aliyuncs.com/1024/mf.png " alt=" "> <img src="https://formall.oss-accelerate.aliyuncs.com/1024/mf.png " alt=" ">
</div> </div>
<div class="companyLogo29">
<img src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/shouye/Wuyue-Plaza-Logo.png"
alt="">
</div>
<div class="companyLogo30">
<img src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/shouye/baoli.png" alt="">
</div>
</div> </div>
</div> </div>
<!-- 我们的合作伙伴 --> <!-- 我们的合作伙伴 -->
@@ -397,5 +406,16 @@
<script src="../js/jquery-1.11.3.js "></script> <script src="../js/jquery-1.11.3.js "></script>
<script src="../js/index.js "></script> <script src="../js/index.js "></script>



</html> </html>
<script language="javascript " src="http://dbt.zoosnet.net/JS/LsJS.aspx?siteid=DBT86461431&float=1&lng=cn "></script>
<script language="javascript " src="http://dbt.zoosnet.net/JS/LsJS.aspx?siteid=DBT86461431&float=1&lng=cn "></script>


<script src="js\swiper.js"></script>
<script src="js\swiper.min.js"></script>
<script>
certifySwiper = new Swiper('#certify', {
loop: true,
autoplay: true,
})
</script>

+ 86
- 87
js/index.js Näytä tiedosto

@@ -3,36 +3,35 @@ $(".suspension").load("../html/suspension.html");
$(".footer").load("../html/footer.html"); $(".footer").load("../html/footer.html");




$(function() {
$(function () {
var swiper = new Swiper(".mySwiper", { var swiper = new Swiper(".mySwiper", {
// loop : true,
// autoplay:true,
loop: true,
autoplay: true,
pagination: { pagination: {
el: ".swiper-pagination",
el: ".swiper-pagination",
}, },
});
$("#home").click(function() {
});
$("#home").click(function () {
$("html,body").animate({ scrollTop: $(".concentrationBox").offset().top }, 1000) $("html,body").animate({ scrollTop: $(".concentrationBox").offset().top }, 1000)


}); });
$("#jiejue").click(function() {
$("#jiejue").click(function () {
$("html,body").animate({ scrollTop: $(".h3").offset().top }, 1000) $("html,body").animate({ scrollTop: $(".h3").offset().top }, 1000)


}); });
$("#fuwu").click(function() {
$("#fuwu").click(function () {
$("html,body").animate({ scrollTop: $("#mian").offset().top }, 1000) $("html,body").animate({ scrollTop: $("#mian").offset().top }, 1000)


}); });
$("#anli").click(function() {
$("#anli").click(function () {
$("html,body").animate({ scrollTop: $(".caseBox").offset().top }, 1000) $("html,body").animate({ scrollTop: $(".caseBox").offset().top }, 1000)


}); });
$("#women").click(function() {
$("#women").click(function () {
$("html,body").animate({ scrollTop: $(".aboutUt").offset().top }, 1000) $("html,body").animate({ scrollTop: $(".aboutUt").offset().top }, 1000)


}); });
$(".itemImgBox1").click(function() {
$(".itemImgBox1").click(function () {
$(".activity1").css("display", "block") $(".activity1").css("display", "block")
$(".activity2").css("display", "none") $(".activity2").css("display", "none")
$(".activity3").css("display", "none") $(".activity3").css("display", "none")
@@ -43,7 +42,7 @@ $(function() {
$(".explainBox3").css("display", "none") $(".explainBox3").css("display", "none")
$(".explainBox4").css("display", "none") $(".explainBox4").css("display", "none")
}) })
$(".itemImgBox2").click(function() {
$(".itemImgBox2").click(function () {
$(".activity1").css("display", "none") $(".activity1").css("display", "none")
$(".activity2").css("display", "block") $(".activity2").css("display", "block")
$(".activity3").css("display", "none") $(".activity3").css("display", "none")
@@ -54,7 +53,7 @@ $(function() {
$(".explainBox3").css("display", "none") $(".explainBox3").css("display", "none")
$(".explainBox4").css("display", "none") $(".explainBox4").css("display", "none")
}) })
$(".itemImgBox3").click(function() {
$(".itemImgBox3").click(function () {
$(".activity1").css("display", "none") $(".activity1").css("display", "none")
$(".activity2").css("display", "none") $(".activity2").css("display", "none")
$(".activity3").css("display", "block") $(".activity3").css("display", "block")
@@ -65,67 +64,67 @@ $(function() {
$(".explainBox3").css("display", "block") $(".explainBox3").css("display", "block")
$(".explainBox4").css("display", "none") $(".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")
})
$(".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").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) // $(".caseLogo1").animate({ width: '222px' }, 300)
// $(".jinbaoBoxA1").css("display", "none") // $(".jinbaoBoxA1").css("display", "none")
// $(".logoBox1").css("display", "block") // $(".logoBox1").css("display", "block")
// }) // })


$(".caseLogo2").mouseenter(function() {
$(".caseLogo2").mouseenter(function () {
$(".caseLogo2").stop() $(".caseLogo2").stop()
$(".caseLogo1").stop() $(".caseLogo1").stop()
$(".caseLogo3").stop() $(".caseLogo3").stop()
$(".caseLogo4").stop() $(".caseLogo4").stop()
// 隐藏其他
// 隐藏其他
$(".caseLogo1").css("width", "222px") $(".caseLogo1").css("width", "222px")
$(".jinbaoBoxA1").css("display", "none") $(".jinbaoBoxA1").css("display", "none")
$(".logoBox1").css("display", "block") $(".logoBox1").css("display", "block")
@@ -139,18 +138,18 @@ $(function() {
$(".caseLogo5").css("width", "222px") $(".caseLogo5").css("width", "222px")
$(".jinbaoBoxA5").css("display", "none") $(".jinbaoBoxA5").css("display", "none")
$(".logoBox5").css("display", "block") $(".logoBox5").css("display", "block")
$(".caseLogo2").animate({ width: '443px' }, 300, function() {
$(".caseLogo2").animate({ width: '443px' }, 300, function () {
$(".jinbaoBoxA2").css("display", "block") $(".jinbaoBoxA2").css("display", "block")
$(".logoBox2").css("display", "none") $(".logoBox2").css("display", "none")
}) })
}) })
$(".caseLogo2").mouseleave(function() {
$(".caseLogo2").mouseleave(function () {
$(".caseLogo2").stop() $(".caseLogo2").stop()
$(".caseLogo1").stop() $(".caseLogo1").stop()
$(".caseLogo3").stop() $(".caseLogo3").stop()
$(".caseLogo4").stop() $(".caseLogo4").stop()
$(".caseLogo5").stop() $(".caseLogo5").stop()
// 隐藏其他
// 隐藏其他
$(".caseLogo1").css("width", "222px") $(".caseLogo1").css("width", "222px")
$(".jinbaoBoxA1").css("display", "none") $(".jinbaoBoxA1").css("display", "none")
$(".logoBox1").css("display", "block") $(".logoBox1").css("display", "block")
@@ -169,20 +168,20 @@ $(function() {


$(".jinbaoBoxA2").css("display", "none") $(".jinbaoBoxA2").css("display", "none")
$(".logoBox2").css("display", "block") $(".logoBox2").css("display", "block")
$(".caseLogo2").animate({ width: '222px' }, 300, function() {
$(".caseLogo2").animate({ width: '222px' }, 300, function () {
$(".caseLogo1").css("width", '443px') $(".caseLogo1").css("width", '443px')
$(".jinbaoBoxA1").css("display", "block") $(".jinbaoBoxA1").css("display", "block")
$(".logoBox1").css("display", "none") $(".logoBox1").css("display", "none")
}) })
}) })


$(".caseLogo3").mouseenter(function() {
$(".caseLogo3").mouseenter(function () {
$(".caseLogo2").stop() $(".caseLogo2").stop()
$(".caseLogo1").stop() $(".caseLogo1").stop()
$(".caseLogo3").stop() $(".caseLogo3").stop()
$(".caseLogo4").stop() $(".caseLogo4").stop()
$(".caseLogo5").stop() $(".caseLogo5").stop()
// 隐藏其他
// 隐藏其他
$(".caseLogo2").css("width", "222px") $(".caseLogo2").css("width", "222px")
$(".jinbaoBoxA2").css("display", "none") $(".jinbaoBoxA2").css("display", "none")
$(".logoBox2").css("display", "block") $(".logoBox2").css("display", "block")
@@ -195,19 +194,19 @@ $(function() {
$(".caseLogo5").css("width", "222px") $(".caseLogo5").css("width", "222px")
$(".jinbaoBoxA5").css("display", "none") $(".jinbaoBoxA5").css("display", "none")
$(".logoBox5").css("display", "block") $(".logoBox5").css("display", "block")
$(".caseLogo3").animate({ width: '443px' }, 300, function() {
$(".caseLogo3").animate({ width: '443px' }, 300, function () {


$(".jinbaoBoxA3").css("display", "block") $(".jinbaoBoxA3").css("display", "block")
$(".logoBox3").css("display", "none") $(".logoBox3").css("display", "none")
}) })
}) })
$(".caseLogo3").mouseleave(function() {
$(".caseLogo3").mouseleave(function () {
$(".caseLogo2").stop() $(".caseLogo2").stop()
$(".caseLogo1").stop() $(".caseLogo1").stop()
$(".caseLogo3").stop() $(".caseLogo3").stop()
$(".caseLogo4").stop() $(".caseLogo4").stop()
$(".caseLogo5").stop() $(".caseLogo5").stop()
// 隐藏其他
// 隐藏其他
$(".caseLogo2").css("width", "222px") $(".caseLogo2").css("width", "222px")
$(".jinbaoBoxA2").css("display", "none") $(".jinbaoBoxA2").css("display", "none")
$(".logoBox2").css("display", "block") $(".logoBox2").css("display", "block")
@@ -223,20 +222,20 @@ $(function() {


$(".jinbaoBoxA3").css("display", "none") $(".jinbaoBoxA3").css("display", "none")
$(".logoBox3").css("display", "block") $(".logoBox3").css("display", "block")
$(".caseLogo3").animate({ width: '222px' }, 300, function() {
$(".caseLogo3").animate({ width: '222px' }, 300, function () {
$(".caseLogo1").css("width", '443px') $(".caseLogo1").css("width", '443px')
$(".jinbaoBoxA1").css("display", "block") $(".jinbaoBoxA1").css("display", "block")
$(".logoBox1").css("display", "none") $(".logoBox1").css("display", "none")
}) })
}) })


$(".caseLogo4").mouseenter(function() {
$(".caseLogo4").mouseenter(function () {
$(".caseLogo2").stop() $(".caseLogo2").stop()
$(".caseLogo1").stop() $(".caseLogo1").stop()
$(".caseLogo3").stop() $(".caseLogo3").stop()
$(".caseLogo4").stop() $(".caseLogo4").stop()
$(".caseLogo5").stop() $(".caseLogo5").stop()
// 隐藏其他
// 隐藏其他
$(".caseLogo2").css("width", "222px") $(".caseLogo2").css("width", "222px")
$(".jinbaoBoxA2").css("display", "none") $(".jinbaoBoxA2").css("display", "none")
$(".logoBox2").css("display", "block") $(".logoBox2").css("display", "block")
@@ -253,7 +252,7 @@ $(function() {


$(".jinbaoBoxA4").css("display", "none") $(".jinbaoBoxA4").css("display", "none")
$(".logoBox4").css("display", "block") $(".logoBox4").css("display", "block")
$(".caseLogo4").animate({ width: '443px' }, 300, function() {
$(".caseLogo4").animate({ width: '443px' }, 300, function () {




$(".jinbaoBoxA4").css("display", "block") $(".jinbaoBoxA4").css("display", "block")
@@ -261,13 +260,13 @@ $(function() {
}) })


}) })
$(".caseLogo4").mouseleave(function() {
$(".caseLogo4").mouseleave(function () {
$(".caseLogo2").stop() $(".caseLogo2").stop()
$(".caseLogo1").stop() $(".caseLogo1").stop()
$(".caseLogo3").stop() $(".caseLogo3").stop()
$(".caseLogo4").stop() $(".caseLogo4").stop()
$(".caseLogo5").stop() $(".caseLogo5").stop()
// 隐藏其他
// 隐藏其他
$(".caseLogo2").css("width", "222px") $(".caseLogo2").css("width", "222px")
$(".jinbaoBoxA2").css("display", "none") $(".jinbaoBoxA2").css("display", "none")
$(".logoBox2").css("display", "block") $(".logoBox2").css("display", "block")
@@ -283,7 +282,7 @@ $(function() {


$(".jinbaoBoxA4").css("display", "none") $(".jinbaoBoxA4").css("display", "none")
$(".logoBox4").css("display", "block") $(".logoBox4").css("display", "block")
$(".caseLogo4").animate({ width: '222px' }, 300, function() {
$(".caseLogo4").animate({ width: '222px' }, 300, function () {
$(".caseLogo1").css("width", '443px') $(".caseLogo1").css("width", '443px')
$(".jinbaoBoxA1").css("display", "block") $(".jinbaoBoxA1").css("display", "block")
$(".logoBox1").css("display", "none") $(".logoBox1").css("display", "none")
@@ -291,13 +290,13 @@ $(function() {
}) })




$(".caseLogo5").mouseenter(function() {
$(".caseLogo5").mouseenter(function () {
$(".caseLogo2").stop() $(".caseLogo2").stop()
$(".caseLogo1").stop() $(".caseLogo1").stop()
$(".caseLogo3").stop() $(".caseLogo3").stop()
$(".caseLogo4").stop() $(".caseLogo4").stop()
$(".caseLogo5").stop() $(".caseLogo5").stop()
// 隐藏其他
// 隐藏其他
$(".caseLogo2").css("width", "222px") $(".caseLogo2").css("width", "222px")
$(".jinbaoBoxA2").css("display", "none") $(".jinbaoBoxA2").css("display", "none")
$(".logoBox2").css("display", "block") $(".logoBox2").css("display", "block")
@@ -310,7 +309,7 @@ $(function() {
$(".caseLogo4").css("width", "222px") $(".caseLogo4").css("width", "222px")
$(".jinbaoBoxA4").css("display", "none") $(".jinbaoBoxA4").css("display", "none")
$(".logoBox4").css("display", "block") $(".logoBox4").css("display", "block")
$(".caseLogo5").animate({ width: '443px' }, 300, function() {
$(".caseLogo5").animate({ width: '443px' }, 300, function () {




$(".jinbaoBoxA5").css("display", "block") $(".jinbaoBoxA5").css("display", "block")
@@ -318,13 +317,13 @@ $(function() {
}) })


}) })
$(".caseLogo5").mouseleave(function() {
$(".caseLogo5").mouseleave(function () {
$(".caseLogo2").stop() $(".caseLogo2").stop()
$(".caseLogo1").stop() $(".caseLogo1").stop()
$(".caseLogo3").stop() $(".caseLogo3").stop()
$(".caseLogo4").stop() $(".caseLogo4").stop()
$(".caseLogo5").stop() $(".caseLogo5").stop()
// 隐藏其他
// 隐藏其他
$(".caseLogo2").css("width", "222px") $(".caseLogo2").css("width", "222px")
$(".jinbaoBoxA2").css("display", "none") $(".jinbaoBoxA2").css("display", "none")
$(".logoBox2").css("display", "block") $(".logoBox2").css("display", "block")
@@ -340,14 +339,14 @@ $(function() {


$(".jinbaoBoxA5").css("display", "none") $(".jinbaoBoxA5").css("display", "none")
$(".logoBox5").css("display", "block") $(".logoBox5").css("display", "block")
$(".caseLogo5").animate({ width: '222px' }, 300, function() {
$(".caseLogo5").animate({ width: '222px' }, 300, function () {
$(".caseLogo1").css("width", '443px') $(".caseLogo1").css("width", '443px')
$(".jinbaoBoxA1").css("display", "block") $(".jinbaoBoxA1").css("display", "block")
$(".logoBox1").css("display", "none") $(".logoBox1").css("display", "none")
}) })
}) })


$(".concentrationBox").click(function() {
$(".concentrationBox").click(function () {
window.open("https://dbt.zoosnet.net/LR/Chatpre.aspx?id=DBT86461431&lng=cn") window.open("https://dbt.zoosnet.net/LR/Chatpre.aspx?id=DBT86461431&lng=cn")
}) })




+ 0
- 0
js/swiper.js Näytä tiedosto


+ 13
- 0
js/swiper.min.js
File diff suppressed because it is too large
Näytä tiedosto


Ladataan…
Peruuta
Tallenna