BJ_web_developers / webportal

Commit 54822d574b1ebd77ced29daa1857c8c1ccfcc429

Authored by liuqimichale
1 parent 2a055972

服务 click 切换

Inline Side-by-side
Showing 12 changed files with 15 additions and 13 deletions
css/services.css
  View file @54822d5
... ... @@ -44,8 +44,8 @@
44 44 }
45 45 /*1 tab*/
46 46 .services-wrap-left-1{
47   - background: url("../images/services_saasIco.png") no-repeat center center;
48   - background-size:80% 100%;
  47 + background: url("../images/services_saasIco1.png") no-repeat center center;
  48 + background-size:100% 100%;
49 49 height: 494px;
50 50 margin: 102px auto 0;
51 51 }
... ... @@ -134,7 +134,8 @@
134 134  
135 135 }
136 136 .services-wrap-right-2{
137   - background: url("../images/services_parkIco.png") no-repeat;
  137 + background: url("../images/services_parkIco1.png") no-repeat;
  138 + background-size:100% 100%;
138 139 /*width: 558px;*/
139 140 /*width: 100%;*/
140 141 height: 574px;
... ... @@ -192,7 +193,8 @@
192 193 /*----3------ tab sta*/
193 194 /*---3 tab*/
194 195 .services-wrap-left-3{
195   - background: url("../images/services_userIco.png") no-repeat;
  196 + background: url("../images/services_userIco1.png") no-repeat;
  197 + background-size:100% 100%;
196 198 /*width: 568px;*/
197 199 /*width: 100%;*/
198 200 height: 593px;
... ...
images/services_parkIco.png renamed to images/services_parkIco1.png
View file @54822d5

93.9 KB
images/services_parkIco2.png 0 → 100644
View file @54822d5

136 KB
images/services_parkIco3.png 0 → 100755
View file @54822d5

176 KB
images/services_saasIco.png renamed to images/services_saasIco1.png
View file @54822d5

127 KB
images/services_saasIco2.png 0 → 100644
View file @54822d5

166 KB
images/services_saasIco3.png 0 → 100755
View file @54822d5

101 KB
images/services_userIco.png renamed to images/services_userIco1.png
View file @54822d5

101 KB
images/services_userIco2.png 0 → 100644
View file @54822d5

77.2 KB
images/services_userIco3.png 0 → 100755
View file @54822d5

86.8 KB
js/services.js
  View file @54822d5
... ... @@ -2,7 +2,7 @@
2 2 //集团 tab 切换
3 3 $('#services-soft-wrap li').on('click',function () {
4 4 var _index = $(this).index();
5   - console.log(_index)
  5 + $('#services-wrap-sass').css('background-image','url(images/services_saasIco'+(_index+1)+'.png)')
6 6 $('#services-soft-wrap li').eq(_index).addClass('active').siblings().removeClass('active')
7 7 $('#services-section-wrap>li').eq(_index).removeClass('displaynone').siblings().addClass('displaynone')
8 8 });
... ... @@ -10,7 +10,7 @@ $('#services-soft-wrap li').on('click',function () {
10 10 //车场 tab 切换
11 11 $('#services-park-wrap li').on('click',function () {
12 12 var _index = $(this).index();
13   - console.log(_index)
  13 + $('#services_parkIco').css('background-image','url(images/services_parkIco'+(_index+1)+'.png)')
14 14 $('#services-park-wrap li').eq(_index).addClass('active').siblings().removeClass('active')
15 15 $('#services-section-park>li').eq(_index).removeClass('displaynone').siblings().addClass('displaynone')
16 16 });
... ... @@ -18,7 +18,7 @@ $('#services-park-wrap li').on('click',function () {
18 18 //车主 tab 切换
19 19 $('#services-user-wrap li').on('click',function () {
20 20 var _index = $(this).index();
21   - console.log(_index)
  21 + $('#services_userIco').css('background-image','url(images/services_userIco'+(_index+1)+'.png)')
22 22 $('#services-user-wrap li').eq(_index).addClass('active').siblings().removeClass('active')
23 23 $('#services-section-user>li').eq(_index).removeClass('displaynone').siblings().addClass('displaynone')
24   -});
25 24 \ No newline at end of file
  25 +});
... ...
services.html
  View file @54822d5
... ... @@ -68,7 +68,7 @@
68 68 <section class="section">
69 69 <div class="container">
70 70 <ul class="row servicessection-wrap">
71   - <li class="text-center col-md-6 services-wrap-left-1"></li>
  71 + <li class="text-center col-md-6 services-wrap-left-1" id="services-wrap-sass"></li>
72 72 <li class="text-center col-md-6 services-wrap-right-1">
73 73 <ul class="services-soft-wrap" id="services-soft-wrap">
74 74 <li class="text-center float-left active">
... ... @@ -119,7 +119,7 @@
119 119 <div class="services_bgF7F8FA">
120 120 <div class="container">
121 121 <ul class="row services-wrap">
122   - <li class="text-center col-md-6 services-wrap-left-2">
  122 + <li class="text-center col-md-6 services-wrap-left-2" >
123 123 <ul class="services-park-wrap" id="services-park-wrap">
124 124 <li class="text-center float-left active">
125 125 车场服务
... ... @@ -164,7 +164,7 @@
164 164 </li>
165 165 </ul>
166 166 </li>
167   - <li class="text-center col-md-6 services-wrap-right-2">
  167 + <li class="text-center col-md-6 services-wrap-right-2" id="services_parkIco">
168 168  
169 169 </li>
170 170 </ul>
... ... @@ -176,7 +176,7 @@
176 176 <section class="section">
177 177 <div class="container">
178 178 <ul class="row services-wrap">
179   - <li class="text-center col-md-6 services-wrap-left-3"></li>
  179 + <li class="text-center col-md-6 services-wrap-left-3" id="services_userIco"></li>
180 180 <li class="text-center col-md-6 services-wrap-right-3">
181 181 <ul class="services-user-wrap" id="services-user-wrap">
182 182 <li class="text-center float-left active">
... ... @@ -288,6 +288,6 @@
288 288 <script type="text/javascript" src="js/gmaps.min.js"></script>
289 289 <script type="text/javascript" src="js/nav-footer.js?a=2"></script>
290 290 <script type="text/javascript" src="js/main.js?a=2"></script>
291   -<script type="text/javascript" src="js/services.js?a=2"></script>
  291 +<script type="text/javascript" src="js/services.js?a=3"></script>
292 292 </body>
293 293 </html>
... ...