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,8 +44,8 @@
44 } 44 }
45 /*1 tab*/ 45 /*1 tab*/
46 .services-wrap-left-1{ 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 height: 494px; 49 height: 494px;
50 margin: 102px auto 0; 50 margin: 102px auto 0;
51 } 51 }
@@ -134,7 +134,8 @@ @@ -134,7 +134,8 @@
134 134
135 } 135 }
136 .services-wrap-right-2{ 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 /*width: 558px;*/ 139 /*width: 558px;*/
139 /*width: 100%;*/ 140 /*width: 100%;*/
140 height: 574px; 141 height: 574px;
@@ -192,7 +193,8 @@ @@ -192,7 +193,8 @@
192 /*----3------ tab sta*/ 193 /*----3------ tab sta*/
193 /*---3 tab*/ 194 /*---3 tab*/
194 .services-wrap-left-3{ 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 /*width: 568px;*/ 198 /*width: 568px;*/
197 /*width: 100%;*/ 199 /*width: 100%;*/
198 height: 593px; 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,7 +2,7 @@
2 //集团 tab 切换 2 //集团 tab 切换
3 $('#services-soft-wrap li').on('click',function () { 3 $('#services-soft-wrap li').on('click',function () {
4 var _index = $(this).index(); 4 var _index = $(this).index();
5 - console.log(_index) 5 + $('#services-wrap-sass').css('background-image','url(images/services_saasIco'+(_index+1)+'.png)')
6 $('#services-soft-wrap li').eq(_index).addClass('active').siblings().removeClass('active') 6 $('#services-soft-wrap li').eq(_index).addClass('active').siblings().removeClass('active')
7 $('#services-section-wrap>li').eq(_index).removeClass('displaynone').siblings().addClass('displaynone') 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,7 +10,7 @@ $('#services-soft-wrap li').on('click',function () {
10 //车场 tab 切换 10 //车场 tab 切换
11 $('#services-park-wrap li').on('click',function () { 11 $('#services-park-wrap li').on('click',function () {
12 var _index = $(this).index(); 12 var _index = $(this).index();
13 - console.log(_index) 13 + $('#services_parkIco').css('background-image','url(images/services_parkIco'+(_index+1)+'.png)')
14 $('#services-park-wrap li').eq(_index).addClass('active').siblings().removeClass('active') 14 $('#services-park-wrap li').eq(_index).addClass('active').siblings().removeClass('active')
15 $('#services-section-park>li').eq(_index).removeClass('displaynone').siblings().addClass('displaynone') 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,7 +18,7 @@ $('#services-park-wrap li').on('click',function () {
18 //车主 tab 切换 18 //车主 tab 切换
19 $('#services-user-wrap li').on('click',function () { 19 $('#services-user-wrap li').on('click',function () {
20 var _index = $(this).index(); 20 var _index = $(this).index();
21 - console.log(_index) 21 + $('#services_userIco').css('background-image','url(images/services_userIco'+(_index+1)+'.png)')
22 $('#services-user-wrap li').eq(_index).addClass('active').siblings().removeClass('active') 22 $('#services-user-wrap li').eq(_index).addClass('active').siblings().removeClass('active')
23 $('#services-section-user>li').eq(_index).removeClass('displaynone').siblings().addClass('displaynone') 23 $('#services-section-user>li').eq(_index).removeClass('displaynone').siblings().addClass('displaynone')
24 -});  
25 \ No newline at end of file 24 \ No newline at end of file
  25 +});
services.html
  View file @54822d5
@@ -68,7 +68,7 @@ @@ -68,7 +68,7 @@
68 <section class="section"> 68 <section class="section">
69 <div class="container"> 69 <div class="container">
70 <ul class="row servicessection-wrap"> 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 <li class="text-center col-md-6 services-wrap-right-1"> 72 <li class="text-center col-md-6 services-wrap-right-1">
73 <ul class="services-soft-wrap" id="services-soft-wrap"> 73 <ul class="services-soft-wrap" id="services-soft-wrap">
74 <li class="text-center float-left active"> 74 <li class="text-center float-left active">
@@ -119,7 +119,7 @@ @@ -119,7 +119,7 @@
119 <div class="services_bgF7F8FA"> 119 <div class="services_bgF7F8FA">
120 <div class="container"> 120 <div class="container">
121 <ul class="row services-wrap"> 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 <ul class="services-park-wrap" id="services-park-wrap"> 123 <ul class="services-park-wrap" id="services-park-wrap">
124 <li class="text-center float-left active"> 124 <li class="text-center float-left active">
125 车场服务 125 车场服务
@@ -164,7 +164,7 @@ @@ -164,7 +164,7 @@
164 </li> 164 </li>
165 </ul> 165 </ul>
166 </li> 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 </li> 169 </li>
170 </ul> 170 </ul>
@@ -176,7 +176,7 @@ @@ -176,7 +176,7 @@
176 <section class="section"> 176 <section class="section">
177 <div class="container"> 177 <div class="container">
178 <ul class="row services-wrap"> 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 <li class="text-center col-md-6 services-wrap-right-3"> 180 <li class="text-center col-md-6 services-wrap-right-3">
181 <ul class="services-user-wrap" id="services-user-wrap"> 181 <ul class="services-user-wrap" id="services-user-wrap">
182 <li class="text-center float-left active"> 182 <li class="text-center float-left active">
@@ -288,6 +288,6 @@ @@ -288,6 +288,6 @@
288 <script type="text/javascript" src="js/gmaps.min.js"></script> 288 <script type="text/javascript" src="js/gmaps.min.js"></script>
289 <script type="text/javascript" src="js/nav-footer.js?a=2"></script> 289 <script type="text/javascript" src="js/nav-footer.js?a=2"></script>
290 <script type="text/javascript" src="js/main.js?a=2"></script> 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 </body> 292 </body>
293 </html> 293 </html>