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") })