diff --git a/css/index.css b/css/index.css index ae8a1b6..6d98c32 100755 --- a/css/index.css +++ b/css/index.css @@ -1201,6 +1201,7 @@ header{ width: 100%; margin-top: 8px; } +/*new 新欢迎页样式 sta*/ .silde-wrap{ width: 1200px; height: 444px; @@ -1233,56 +1234,21 @@ header{ cursor: pointer; position: relative; } -.parking-wrap div,.platform-wrap div,.api-wrap div{ - font-size:24px; - font-weight:600; - color:rgba(255,255,255,1); -} -.parking-wrap div:nth-of-type(1){ - position: absolute; - left: 87px; - top: 300px; -} -.parking-wrap div:nth-of-type(2){ - position: absolute; - left: 1012px; - top: 162px; -} -.parking-wrap div:nth-of-type(3){ - position: absolute; - left: 1012px; - top: 387px; -} -.platform-wrap div:nth-of-type(1){ - position: absolute; - left: 87px; - top: 160px; -} -.platform-wrap div:nth-of-type(2){ - position: absolute; - left: 87px; - top: 390px; -} -.platform-wrap div:nth-of-type(3){ - position: absolute; - left: 1012px; - top: 327px; -} -.api-wrap div:nth-of-type(1){ - position: absolute; - left: 87px; - top: 350px; -} -.api-wrap div:nth-of-type(2){ - position: absolute; - left: 1012px; - top: 170px; +.gprmxc-wrap{ + width: 1200px; + height: 444px; + background:url("../img/silde-wrap4-icon.png") no-repeat ; + cursor: pointer; + position: relative; } -.api-wrap div:nth-of-type(3){ - position: absolute; - left: 1012px; - top: 390px; +.caruser-wrap{ + width: 1200px; + height: 444px; + background:url("../img/silde-wrap5-icon.png") no-repeat ; + cursor: pointer; + position: relative; } + /*底部_______________________________________________*/ .footer-nav{ width: 1270px; @@ -1303,15 +1269,36 @@ header{ background-repeat: no-repeat; background-position: center 0; } -.footer-nav li:nth-of-type(1){ +.footer-nav .parking-nav{ background-image:url("../img/footer-nav1-icon.png") ; } -.footer-nav li:nth-of-type(2){ +.footer-nav .platform-nav{ background-image:url("../img/footer-nav2-icon.png") ; } -.footer-nav li:nth-of-type(3){ +.footer-nav .api-nav{ background-image:url("../img/footer-nav3-icon.png") ; } +.footer-nav .gprmxc-nav{ + background-image:url("../img/footer-nav4-icon.png") ; +} +.footer-nav .caruser-nav{ + background-image:url("../img/footer-nav5-icon.png") ; +} +.footer-nav .parking-nav.active{ + color:#369bf5; +} +.footer-nav .platform-nav.active{ + color:#F5BE19; +} +.footer-nav .api-nav.active{ + color:#1FB276; +} +.footer-nav .gprmxc-nav.active{ + color:#e93644; +} +.footer-nav .caruser-nav.active{ + color:#21cabd; +} .nav-active{ background-color:rgba(255,255,255,.1) ; border-radius:31px; diff --git a/favicon.ico b/favicon.ico old mode 100755 new mode 100644 index 327e64c..64b1c25 --- a/favicon.ico +++ b/favicon.ico diff --git a/img/footer-nav1-icon.png b/img/footer-nav1-icon.png index 5c4d073..dfc412c 100644 --- a/img/footer-nav1-icon.png +++ b/img/footer-nav1-icon.png diff --git a/img/footer-nav4-icon.png b/img/footer-nav4-icon.png new file mode 100644 index 0000000..60f397a --- /dev/null +++ b/img/footer-nav4-icon.png diff --git a/img/footer-nav5-icon.png b/img/footer-nav5-icon.png new file mode 100644 index 0000000..8bbf20e --- /dev/null +++ b/img/footer-nav5-icon.png diff --git a/img/logo.png b/img/logo.png index 494702b..e1772ae 100644 --- a/img/logo.png +++ b/img/logo.png diff --git a/img/logo_dy.png b/img/logo_dy.png new file mode 100644 index 0000000..494702b --- /dev/null +++ b/img/logo_dy.png diff --git a/img/silde-wrap4-icon.png b/img/silde-wrap4-icon.png new file mode 100644 index 0000000..de1cb50 --- /dev/null +++ b/img/silde-wrap4-icon.png diff --git a/img/silde-wrap5-icon.png b/img/silde-wrap5-icon.png new file mode 100644 index 0000000..8122cf2 --- /dev/null +++ b/img/silde-wrap5-icon.png diff --git a/index.html b/index.html index 7028a2c..a41307e 100755 --- a/index.html +++ b/index.html @@ -18,89 +18,33 @@
- 丹阳行 + 任你停
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - @@ -108,9 +52,11 @@ diff --git a/js/index.js b/js/index.js index 17c7b14..f166eca 100644 --- a/js/index.js +++ b/js/index.js @@ -62,8 +62,10 @@ $box.boxSlider({ }); $('#controls').on('click', 'li', function (ev) { - console.log($(this).data('slideindex')) + $('#controls li').removeClass('active'); + console.log($(this).data('slideindex')); $box.boxSlider('showSlide', $(this).data('slideindex')); + $(this).addClass('active'); //ev.preventDefault(); });