From abd1e2c0b5ab4e591c7f90939025cecd872791b7 Mon Sep 17 00:00:00 2001 From: chenbiao Date: Mon, 19 Nov 2018 16:31:13 +0800 Subject: [PATCH] add new icon 新备案 新车主平台 --- css/index.css | 89 ++++++++++++++++++++++++++++++++++++++--------------------------------------------------- favicon.ico | Bin 987 -> 0 bytes img/footer-nav1-icon.png | Bin 5341 -> 0 bytes img/footer-nav4-icon.png | Bin 0 -> 19376 bytes img/footer-nav5-icon.png | Bin 0 -> 18901 bytes img/logo.png | Bin 662 -> 0 bytes img/logo_dy.png | Bin 0 -> 662 bytes img/silde-wrap4-icon.png | Bin 0 -> 271086 bytes img/silde-wrap5-icon.png | Bin 0 -> 137766 bytes index.html | 84 +++++++++++++++--------------------------------------------------------------------- js/index.js | 4 +++- 11 files changed, 56 insertions(+), 121 deletions(-) mode change 100755 => 100644 favicon.ico create mode 100644 img/footer-nav4-icon.png create mode 100644 img/footer-nav5-icon.png create mode 100644 img/logo_dy.png create mode 100644 img/silde-wrap4-icon.png create mode 100644 img/silde-wrap5-icon.png 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 Binary files a/favicon.ico and b/favicon.ico differ diff --git a/img/footer-nav1-icon.png b/img/footer-nav1-icon.png index 5c4d073..dfc412c 100644 Binary files a/img/footer-nav1-icon.png and b/img/footer-nav1-icon.png differ diff --git a/img/footer-nav4-icon.png b/img/footer-nav4-icon.png new file mode 100644 index 0000000..60f397a Binary files /dev/null and b/img/footer-nav4-icon.png differ diff --git a/img/footer-nav5-icon.png b/img/footer-nav5-icon.png new file mode 100644 index 0000000..8bbf20e Binary files /dev/null and b/img/footer-nav5-icon.png differ diff --git a/img/logo.png b/img/logo.png index 494702b..e1772ae 100644 Binary files a/img/logo.png and b/img/logo.png differ diff --git a/img/logo_dy.png b/img/logo_dy.png new file mode 100644 index 0000000..494702b Binary files /dev/null and b/img/logo_dy.png differ diff --git a/img/silde-wrap4-icon.png b/img/silde-wrap4-icon.png new file mode 100644 index 0000000..de1cb50 Binary files /dev/null and b/img/silde-wrap4-icon.png differ diff --git a/img/silde-wrap5-icon.png b/img/silde-wrap5-icon.png new file mode 100644 index 0000000..8122cf2 Binary files /dev/null and b/img/silde-wrap5-icon.png differ 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(); }); -- libgit2 0.21.4