Pārlūkot izejas kodu

【首页添加案例金鹏久久】

master
goule pirms 3 gadiem
vecāks
revīzija
d2ed525824
4 mainītis faili ar 131 papildinājumiem un 2 dzēšanām
  1. +23
    -2
      css/index.css
  2. +1
    -0
      html/footer.html
  3. +16
    -0
      index.html
  4. +91
    -0
      js/index.js

+ 23
- 2
css/index.css Parādīt failu

@@ -579,7 +579,7 @@ h3 {
}

.caseLogoBox {
width: 1200px;
width: 1500px;
margin: 0 auto;
display: flex;
justify-content: space-between;
@@ -626,6 +626,13 @@ h3 {
overflow: hidden;
display: none;
}
.jinbaoBoxA5 {
position: absolute;
left: 30px;
top: 240px;
overflow: hidden;
display: none;
}

.jinbaoF {
float: left;
@@ -650,7 +657,7 @@ h3 {
height: 96px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
-webkit-line-clamp: 5;
}

.jinbaoR {
@@ -717,6 +724,12 @@ h3 {
/* left: 40px; */
top: 330px;
}
.logoBox5 {
width: 100%;
position: absolute;
/* left: 40px; */
top: 330px;
}

.LOGO {
text-align: center;
@@ -753,6 +766,14 @@ h3 {
border-radius: 10px;
position: relative;
}
.caseLogo5 {
width: 222px;
height: 415px;
background-image: url("https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/jinpeng-1.png");
background-repeat: no-repeat;
border-radius: 10px;
position: relative;
}

.aboutUt {
background-color: #Fff;


+ 1
- 0
html/footer.html Parādīt failu

@@ -33,6 +33,7 @@
<div class="siteBox">
<div class="siteText">公司地址 </div>
<div class="site">湖北省武汉市洪山区佩尔中心B座11层</div>
<div class="site">北京市朝阳区锐创国际中心B座1215</div>
</div>
<div class="rqCodeBox">
<img class="code" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/qrcode_fmlk_c.jpg" alt="">


+ 16
- 0
index.html Parādīt failu

@@ -206,6 +206,22 @@
</div>
</div>
</div>
<div class="caseLogo5">
<div class="logoBox5">
<!-- <div class="LOGO">LOGO</div> -->
<div class="name">金鹏玖玖广场</div>
</div>
<div class="jinbaoBoxA5">
<div class="jinbaoF">
<div class="jinbaoText">金鹏玖玖</div>
<div class="jinbaop">滁州金鹏玖玖广场商业面积 12 万方,建筑格局分为地上四层,地下两层,项目配备停车位2000余个。集购物、休闲、娱乐、美食、亲子、教培于一体。引领都市化全新生活方式,倡导轻松、愉悦的消费理念,打造欢乐时尚、温馨的一站式消费体验购物中心。</div>
</div>
<div class="jinbaoR">
<img class="rqCode" src="https://formall.oss-accelerate.aliyuncs.com/home/pc/fmPcImg/qrcode-jinpeng.png" alt="">
<div class="rqText">微信扫码立即体验</div>
</div>
</div>
</div>
</div>
</div>
<!-- 关于富茂科技 -->


+ 91
- 0
js/index.js Parādīt failu

@@ -75,6 +75,7 @@ $(function() {
$(".caseLogo2").stop()
$(".caseLogo3").stop()
$(".caseLogo4").stop()
$(".caseLogo5").stop()
// 隐藏其他
$(".caseLogo2").css("width", "222px")
$(".jinbaoBoxA2").css("display", "none")
@@ -86,6 +87,10 @@ $(function() {
$(".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")
})
@@ -123,6 +128,10 @@ $(function() {
$(".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")
@@ -133,6 +142,7 @@ $(function() {
$(".caseLogo1").stop()
$(".caseLogo3").stop()
$(".caseLogo4").stop()
$(".caseLogo5").stop()
// 隐藏其他
$(".caseLogo1").css("width", "222px")
$(".jinbaoBoxA1").css("display", "none")
@@ -146,6 +156,10 @@ $(function() {
$(".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() {
@@ -160,6 +174,7 @@ $(function() {
$(".caseLogo1").stop()
$(".caseLogo3").stop()
$(".caseLogo4").stop()
$(".caseLogo5").stop()
// 隐藏其他
$(".caseLogo2").css("width", "222px")
$(".jinbaoBoxA2").css("display", "none")
@@ -170,6 +185,9 @@ $(function() {
$(".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")
@@ -181,6 +199,7 @@ $(function() {
$(".caseLogo1").stop()
$(".caseLogo3").stop()
$(".caseLogo4").stop()
$(".caseLogo5").stop()
// 隐藏其他
$(".caseLogo2").css("width", "222px")
$(".jinbaoBoxA2").css("display", "none")
@@ -191,6 +210,9 @@ $(function() {
$(".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")
@@ -206,6 +228,7 @@ $(function() {
$(".caseLogo1").stop()
$(".caseLogo3").stop()
$(".caseLogo4").stop()
$(".caseLogo5").stop()
// 隐藏其他
$(".caseLogo2").css("width", "222px")
$(".jinbaoBoxA2").css("display", "none")
@@ -216,6 +239,13 @@ $(function() {
$(".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() {


@@ -229,6 +259,7 @@ $(function() {
$(".caseLogo1").stop()
$(".caseLogo3").stop()
$(".caseLogo4").stop()
$(".caseLogo5").stop()
// 隐藏其他
$(".caseLogo2").css("width", "222px")
$(".jinbaoBoxA2").css("display", "none")
@@ -239,6 +270,9 @@ $(function() {
$(".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")
@@ -249,6 +283,63 @@ $(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")
$(".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")
})


Notiek ielāde…
Atcelt
Saglabāt