From 54822d574b1ebd77ced29daa1857c8c1ccfcc429 Mon Sep 17 00:00:00 2001 From: liuqimichale <123456lq> Date: Thu, 27 Sep 2018 10:14:43 +0800 Subject: [PATCH] 服务 click 切换 --- css/services.css | 10 ++++++---- images/services_parkIco.png | Bin 96156 -> 0 bytes images/services_parkIco1.png | Bin 0 -> 96156 bytes images/services_parkIco2.png | Bin 0 -> 139247 bytes images/services_parkIco3.png | Bin 0 -> 180632 bytes images/services_saasIco.png | Bin 130162 -> 0 bytes images/services_saasIco1.png | Bin 0 -> 130162 bytes images/services_saasIco2.png | Bin 0 -> 170232 bytes images/services_saasIco3.png | Bin 0 -> 103682 bytes images/services_userIco.png | Bin 103509 -> 0 bytes images/services_userIco1.png | Bin 0 -> 103509 bytes images/services_userIco2.png | Bin 0 -> 79067 bytes images/services_userIco3.png | Bin 0 -> 88929 bytes js/services.js | 8 ++++---- services.html | 10 +++++----- 15 files changed, 15 insertions(+), 13 deletions(-) delete mode 100755 images/services_parkIco.png create mode 100755 images/services_parkIco1.png create mode 100644 images/services_parkIco2.png create mode 100755 images/services_parkIco3.png delete mode 100755 images/services_saasIco.png create mode 100755 images/services_saasIco1.png create mode 100644 images/services_saasIco2.png create mode 100755 images/services_saasIco3.png delete mode 100755 images/services_userIco.png create mode 100755 images/services_userIco1.png create mode 100644 images/services_userIco2.png create mode 100755 images/services_userIco3.png diff --git a/css/services.css b/css/services.css index 50e6dde..71cd1b5 100644 --- a/css/services.css +++ b/css/services.css @@ -44,8 +44,8 @@ } /*1 tab*/ .services-wrap-left-1{ - background: url("../images/services_saasIco.png") no-repeat center center; - background-size:80% 100%; + background: url("../images/services_saasIco1.png") no-repeat center center; + background-size:100% 100%; height: 494px; margin: 102px auto 0; } @@ -134,7 +134,8 @@ } .services-wrap-right-2{ - background: url("../images/services_parkIco.png") no-repeat; + background: url("../images/services_parkIco1.png") no-repeat; + background-size:100% 100%; /*width: 558px;*/ /*width: 100%;*/ height: 574px; @@ -192,7 +193,8 @@ /*----3------ tab sta*/ /*---3 tab*/ .services-wrap-left-3{ - background: url("../images/services_userIco.png") no-repeat; + background: url("../images/services_userIco1.png") no-repeat; + background-size:100% 100%; /*width: 568px;*/ /*width: 100%;*/ height: 593px; diff --git a/images/services_parkIco.png b/images/services_parkIco.png deleted file mode 100755 index 164fb2a..0000000 Binary files a/images/services_parkIco.png and /dev/null differ diff --git a/images/services_parkIco1.png b/images/services_parkIco1.png new file mode 100755 index 0000000..164fb2a Binary files /dev/null and b/images/services_parkIco1.png differ diff --git a/images/services_parkIco2.png b/images/services_parkIco2.png new file mode 100644 index 0000000..54ad6a9 Binary files /dev/null and b/images/services_parkIco2.png differ diff --git a/images/services_parkIco3.png b/images/services_parkIco3.png new file mode 100755 index 0000000..f774e89 Binary files /dev/null and b/images/services_parkIco3.png differ diff --git a/images/services_saasIco.png b/images/services_saasIco.png deleted file mode 100755 index 871b8cd..0000000 Binary files a/images/services_saasIco.png and /dev/null differ diff --git a/images/services_saasIco1.png b/images/services_saasIco1.png new file mode 100755 index 0000000..871b8cd Binary files /dev/null and b/images/services_saasIco1.png differ diff --git a/images/services_saasIco2.png b/images/services_saasIco2.png new file mode 100644 index 0000000..23085aa Binary files /dev/null and b/images/services_saasIco2.png differ diff --git a/images/services_saasIco3.png b/images/services_saasIco3.png new file mode 100755 index 0000000..fdd922a Binary files /dev/null and b/images/services_saasIco3.png differ diff --git a/images/services_userIco.png b/images/services_userIco.png deleted file mode 100755 index 84e3d8c..0000000 Binary files a/images/services_userIco.png and /dev/null differ diff --git a/images/services_userIco1.png b/images/services_userIco1.png new file mode 100755 index 0000000..84e3d8c Binary files /dev/null and b/images/services_userIco1.png differ diff --git a/images/services_userIco2.png b/images/services_userIco2.png new file mode 100644 index 0000000..3def5c0 Binary files /dev/null and b/images/services_userIco2.png differ diff --git a/images/services_userIco3.png b/images/services_userIco3.png new file mode 100755 index 0000000..dabb648 Binary files /dev/null and b/images/services_userIco3.png differ diff --git a/js/services.js b/js/services.js index b003d76..36e85b3 100644 --- a/js/services.js +++ b/js/services.js @@ -2,7 +2,7 @@ //集团 tab 切换 $('#services-soft-wrap li').on('click',function () { var _index = $(this).index(); - console.log(_index) + $('#services-wrap-sass').css('background-image','url(images/services_saasIco'+(_index+1)+'.png)') $('#services-soft-wrap li').eq(_index).addClass('active').siblings().removeClass('active') $('#services-section-wrap>li').eq(_index).removeClass('displaynone').siblings().addClass('displaynone') }); @@ -10,7 +10,7 @@ $('#services-soft-wrap li').on('click',function () { //车场 tab 切换 $('#services-park-wrap li').on('click',function () { var _index = $(this).index(); - console.log(_index) + $('#services_parkIco').css('background-image','url(images/services_parkIco'+(_index+1)+'.png)') $('#services-park-wrap li').eq(_index).addClass('active').siblings().removeClass('active') $('#services-section-park>li').eq(_index).removeClass('displaynone').siblings().addClass('displaynone') }); @@ -18,7 +18,7 @@ $('#services-park-wrap li').on('click',function () { //车主 tab 切换 $('#services-user-wrap li').on('click',function () { var _index = $(this).index(); - console.log(_index) + $('#services_userIco').css('background-image','url(images/services_userIco'+(_index+1)+'.png)') $('#services-user-wrap li').eq(_index).addClass('active').siblings().removeClass('active') $('#services-section-user>li').eq(_index).removeClass('displaynone').siblings().addClass('displaynone') -}); \ No newline at end of file +}); diff --git a/services.html b/services.html index be17128..9bbfb6c 100644 --- a/services.html +++ b/services.html @@ -68,7 +68,7 @@