congzc 2 년 전
부모
커밋
1a10cb7a75
7개의 변경된 파일203개의 추가작업 그리고 124개의 파일을 삭제
  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 파일 보기

@@ -1430,6 +1430,44 @@ h3 {
left: 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 {
width: 100%;


+ 34
- 29
html/footer.html 파일 보기

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

+ 9
- 5
html/suspension.html 파일 보기

@@ -13,19 +13,23 @@
<!-- 悬浮 -->
<div class="suspendedBox">
<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>
<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="showText">13701077090</div>
<div class="showText">18390239772</div>
</div>
<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="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>


+ 23
- 3
index.html 파일 보기

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

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

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

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


</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 파일 보기

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


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

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

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

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

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

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

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

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

$(".caseLogo3").mouseenter(function() {
$(".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")
@@ -195,19 +194,19 @@ $(function() {
$(".caseLogo5").css("width", "222px")
$(".jinbaoBoxA5").css("display", "none")
$(".logoBox5").css("display", "block")
$(".caseLogo3").animate({ width: '443px' }, 300, function() {
$(".caseLogo3").animate({ width: '443px' }, 300, function () {

$(".jinbaoBoxA3").css("display", "block")
$(".logoBox3").css("display", "none")
})
})
$(".caseLogo3").mouseleave(function() {
$(".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")
@@ -223,20 +222,20 @@ $(function() {

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

$(".caseLogo4").mouseenter(function() {
$(".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")
@@ -253,7 +252,7 @@ $(function() {

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


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

})
$(".caseLogo4").mouseleave(function() {
$(".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")
@@ -283,7 +282,7 @@ $(function() {

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


$(".caseLogo5").mouseenter(function() {
$(".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")
@@ -310,7 +309,7 @@ $(function() {
$(".caseLogo4").css("width", "222px")
$(".jinbaoBoxA4").css("display", "none")
$(".logoBox4").css("display", "block")
$(".caseLogo5").animate({ width: '443px' }, 300, function() {
$(".caseLogo5").animate({ width: '443px' }, 300, function () {


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

})
$(".caseLogo5").mouseleave(function() {
$(".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")
@@ -340,14 +339,14 @@ $(function() {

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

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



+ 0
- 0
js/swiper.js 파일 보기


+ 13
- 0
js/swiper.min.js
파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
파일 보기


불러오는 중...
취소
저장