diff --git a/css/index.css b/css/index.css
index afaf51d..680208d 100644
--- a/css/index.css
+++ b/css/index.css
@@ -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;
diff --git a/html/footer.html b/html/footer.html
index ac29053..78d7c96 100644
--- a/html/footer.html
+++ b/html/footer.html
@@ -33,6 +33,7 @@
公司地址
湖北省武汉市洪山区佩尔中心B座11层
+
北京市朝阳区锐创国际中心B座1215

diff --git a/index.html b/index.html
index 302713a..3c15100 100644
--- a/index.html
+++ b/index.html
@@ -206,6 +206,22 @@
+
+
+
+
+
金鹏玖玖
+
滁州金鹏玖玖广场商业面积 12 万方,建筑格局分为地上四层,地下两层,项目配备停车位2000余个。集购物、休闲、娱乐、美食、亲子、教培于一体。引领都市化全新生活方式,倡导轻松、愉悦的消费理念,打造欢乐时尚、温馨的一站式消费体验购物中心。
+
+
+

+
微信扫码立即体验
+
+
+
diff --git a/js/index.js b/js/index.js
index a24170e..02c7386 100644
--- a/js/index.js
+++ b/js/index.js
@@ -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")
})