Commit 265dbe30d71fdda96bae016764c48dc391ec5331
Merge branch 'branch_dev'
# Conflicts: # index.html
Showing
39 changed files
with
496 additions
and
208 deletions
css/common.css
... | ... | @@ -59,23 +59,23 @@ table { |
59 | 59 | .posabs{ |
60 | 60 | position: absolute; |
61 | 61 | } |
62 | -.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden} | |
62 | +.clearfix{clear:both;height:0;overflow:hidden;} | |
63 | 63 | /*头部*/ |
64 | 64 | header{ |
65 | 65 | height: 80px; |
66 | - background:#1e1e1e; | |
67 | 66 | } |
68 | 67 | /*底部*/ |
69 | 68 | footer{ |
70 | 69 | width:100%; |
71 | - height:40px; | |
70 | + height:130px; | |
72 | 71 | position:fixed; |
73 | 72 | bottom:0; |
74 | 73 | left:0; |
75 | - background:#1e1e1e; | |
74 | + /*background:#1e1e1e;*/ | |
76 | 75 | cursor: pointer; |
77 | - color: rgba(255,255,255,0.4); | |
76 | + /*color: rgba(255,255,255,0.4);*/ | |
78 | 77 | font-size: 12px; |
79 | 78 | text-align: center; |
80 | - line-height: 40px; | |
81 | -} | |
82 | 79 | \ No newline at end of file |
80 | + /*line-height: 40px;*/ | |
81 | +} | |
82 | + | ... | ... |
css/index.css
... | ... | @@ -3,27 +3,30 @@ body,html{ |
3 | 3 | height: 100%; |
4 | 4 | overflow: hidden; |
5 | 5 | letter-spacing:1px; |
6 | + background: url("../img/bodybg.png") no-repeat; | |
7 | + background-size:100% 100% ; | |
6 | 8 | } |
7 | 9 | /*<!--头部-->*/ |
8 | 10 | header{ |
9 | 11 | height: 80px; |
10 | - background-color: #1a222c; | |
12 | + /*background-color: #1a222c;*/ | |
11 | 13 | } |
12 | 14 | .index_topbar{ |
13 | - width: 1160px; | |
15 | + width: 1200px; | |
14 | 16 | height: 80px; |
15 | 17 | margin: 0 auto; |
18 | + /*overflow: hidden;*/ | |
16 | 19 | } |
17 | 20 | .topbar_lmodel{ |
18 | 21 | background: url(../img/logo.png) no-repeat; |
19 | 22 | background-position: 0px 0px; |
20 | 23 | height: 33px; |
21 | 24 | line-height: 33px; |
22 | - width: 140px; | |
25 | + width: 240px; | |
23 | 26 | font-size: 22px; |
24 | 27 | color: #fff; |
25 | 28 | text-indent: 53px; |
26 | - display: inline-block; | |
29 | + float: left; | |
27 | 30 | margin-top: 23.5px; |
28 | 31 | } |
29 | 32 | .topbar_rmodel{ |
... | ... | @@ -58,9 +61,10 @@ header{ |
58 | 61 | /*登录后*/ |
59 | 62 | .topbar_userMsg{ |
60 | 63 | display: none; |
61 | - margin-right: 26px; | |
62 | 64 | color: #fff; |
63 | 65 | font-size: 14px; |
66 | + padding-left: 48px; | |
67 | + background: url("../img/userId-icon.png") no-repeat 0 center; | |
64 | 68 | } |
65 | 69 | .topbar_userMsg li{ |
66 | 70 | float: left; |
... | ... | @@ -69,10 +73,11 @@ header{ |
69 | 73 | cursor: pointer; |
70 | 74 | } |
71 | 75 | .userId{ |
72 | - width: 80px; | |
73 | - overflow: hidden; | |
74 | - white-space: nowrap; | |
75 | - text-overflow: ellipsis; | |
76 | + /*width: 80px;*/ | |
77 | + /*overflow: hidden;*/ | |
78 | + /*white-space: nowrap;*/ | |
79 | + /*text-overflow: ellipsis;*/ | |
80 | + | |
76 | 81 | } |
77 | 82 | .login_out_btn{ |
78 | 83 | cursor: pointer; |
... | ... | @@ -82,11 +87,9 @@ header{ |
82 | 87 | /*<!--内容-->*/ |
83 | 88 | .main-con{ |
84 | 89 | width: 100%; |
85 | - height: calc(100% - 120px); | |
86 | - height: -webkit-calc(100% - 120px); | |
87 | - height: -moz-calc(100% - 120px); | |
88 | - background: url("../img/bg.png") no-repeat; | |
89 | - background-size: 100% 100%; | |
90 | + height: calc(100% - 210px); | |
91 | + height: -webkit-calc(100% - 210px); | |
92 | + height: -moz-calc(100% - 210px); | |
90 | 93 | position: relative; |
91 | 94 | } |
92 | 95 | .main-wrap{ |
... | ... | @@ -1198,4 +1201,125 @@ header{ |
1198 | 1201 | width: 100%; |
1199 | 1202 | margin-top: 8px; |
1200 | 1203 | } |
1204 | +/*new 新欢迎页样式 sta*/ | |
1205 | +.silde-wrap{ | |
1206 | + width: 1200px; | |
1207 | + height: 444px; | |
1208 | + overflow: hidden; | |
1209 | + position: absolute; | |
1210 | + top:50%; | |
1211 | + left: 50%; | |
1212 | + margin-left: -600px; | |
1213 | + margin-top: -222px; | |
1214 | + | |
1215 | +} | |
1216 | +.parking-wrap{ | |
1217 | + width: 1200px; | |
1218 | + height: 444px; | |
1219 | + background:url("../img/silde-wrap1-icon.png") no-repeat ; | |
1220 | + cursor: pointer; | |
1221 | + position: relative; | |
1222 | +} | |
1223 | +.platform-wrap{ | |
1224 | + width: 1200px; | |
1225 | + height: 444px; | |
1226 | + background:url("../img/silde-wrap2-icon.png") no-repeat ; | |
1227 | + cursor: pointer; | |
1228 | + position: relative; | |
1229 | +} | |
1230 | +.api-wrap{ | |
1231 | + width: 1200px; | |
1232 | + height: 444px; | |
1233 | + background:url("../img/silde-wrap3-icon.png") no-repeat ; | |
1234 | + cursor: pointer; | |
1235 | + position: relative; | |
1236 | +} | |
1237 | +.gprmxc-wrap{ | |
1238 | + width: 1200px; | |
1239 | + height: 444px; | |
1240 | + background:url("../img/silde-wrap5-icon.png") no-repeat ; | |
1241 | + cursor: pointer; | |
1242 | + position: relative; | |
1243 | +} | |
1244 | +.caruser-wrap{ | |
1245 | + width: 1200px; | |
1246 | + height: 444px; | |
1247 | + background:url("../img/silde-wrap4-icon.png") no-repeat ; | |
1248 | + cursor: pointer; | |
1249 | + position: relative; | |
1250 | +} | |
1201 | 1251 | |
1252 | +/*底部_______________________________________________*/ | |
1253 | +.footer-nav{ | |
1254 | + max-width: 1270px; | |
1255 | + height: 130px; | |
1256 | + margin: 0 auto; | |
1257 | + background: url("../img/footer-bg-1.png") repeat-x center bottom; | |
1258 | + display: inline-flex; | |
1259 | + position: relative; | |
1260 | +} | |
1261 | +.footer-nav:before,.footer-nav:after{ | |
1262 | + content: ''; | |
1263 | + position: absolute; | |
1264 | + top:0; | |
1265 | + width: 100px; | |
1266 | + height: 130px; | |
1267 | +} | |
1268 | +.footer-nav:before{ | |
1269 | + left: -100px; | |
1270 | + background: url("../img/footer-bg-2.png") no-repeat center bottom; | |
1271 | +} | |
1272 | +.footer-nav:after{ | |
1273 | + right: -100px; | |
1274 | + background: url("../img/footer-bg-3.png") no-repeat center bottom; | |
1275 | +} | |
1276 | +.footer-nav li{ | |
1277 | + /*flex: 1;*/ | |
1278 | + float: left; | |
1279 | + min-width: 200px; | |
1280 | + max-width: 300px; | |
1281 | + height: 130px; | |
1282 | + padding-top: 86px; | |
1283 | + cursor: pointer; | |
1284 | + font-size:24px; | |
1285 | + font-weight:600; | |
1286 | + color:rgba(255,255,255,1); | |
1287 | + background-repeat: no-repeat; | |
1288 | + background-position: center 0; | |
1289 | +} | |
1290 | +.footer-nav .parking-nav{ | |
1291 | + background-image:url("../img/footer-nav1-icon.png") ; | |
1292 | +} | |
1293 | +.footer-nav .platform-nav{ | |
1294 | + background-image:url("../img/footer-nav2-icon.png") ; | |
1295 | +} | |
1296 | +.footer-nav .api-nav{ | |
1297 | + background-image:url("../img/footer-nav3-icon.png") ; | |
1298 | +} | |
1299 | +.footer-nav .gprmxc-nav{ | |
1300 | + background-image:url("../img/footer-nav4-icon.png") ; | |
1301 | +} | |
1302 | +.footer-nav .caruser-nav{ | |
1303 | + background-image:url("../img/footer-nav5-icon.png") ; | |
1304 | +} | |
1305 | +.footer-nav .parking-nav.active{ | |
1306 | + color:#369bf5; | |
1307 | +} | |
1308 | +.footer-nav .platform-nav.active{ | |
1309 | + color:#F5BE19; | |
1310 | +} | |
1311 | +.footer-nav .api-nav.active{ | |
1312 | + color:#1FB276; | |
1313 | +} | |
1314 | +.footer-nav .gprmxc-nav.active{ | |
1315 | + color:#e93644; | |
1316 | +} | |
1317 | +.footer-nav .caruser-nav.active{ | |
1318 | + color:#21cabd; | |
1319 | +} | |
1320 | +.nav-active{ | |
1321 | + background-color:rgba(255,255,255,.1) ; | |
1322 | + border-radius:31px; | |
1323 | + border:1px solid rgba(158,231,255,.3); | |
1324 | + | |
1325 | +} | ... | ... |
css/login.css
... | ... | @@ -8,7 +8,7 @@ html,body{ |
8 | 8 | min-height: 700px; |
9 | 9 | width: 100%; |
10 | 10 | min-width: 814px; |
11 | - background:url(../img/loginbg-icon.png) no-repeat; | |
11 | + /*background:url(../img/loginbg-icon.png) no-repeat;*/ | |
12 | 12 | background-size: 100% 100%; |
13 | 13 | position: relative; |
14 | 14 | } |
... | ... | @@ -21,31 +21,56 @@ html,body{ |
21 | 21 | width: 90.5px; |
22 | 22 | } |
23 | 23 | .login-cont{ |
24 | - height: 380px; | |
25 | - width:678px; | |
24 | + width:372px; | |
25 | + height:360px; | |
26 | 26 | position: absolute; |
27 | 27 | top:50%; |
28 | 28 | left: 50%; |
29 | - margin-top: -190px; | |
30 | - margin-left: -339px; | |
31 | - background-color: rgba(255,255,255,.1); | |
32 | - border-radius: 30px!important; | |
33 | -} | |
34 | - | |
35 | -.login .content { | |
29 | + margin-top: -186px; | |
30 | + margin-left: -180px; | |
36 | 31 | |
37 | - /*background-color:#fff;*/ | |
38 | - /*-webkit-border-radius:7px;*/ | |
39 | - /*-moz-border-radius:7px;*/ | |
40 | - /*-ms-border-radius:7px;*/ | |
41 | - /*-o-border-radius:7px;*/ | |
42 | - /*border-radius:7px;*/ | |
43 | - margin: 0 auto; | |
44 | - width:328px; | |
45 | - /*height: 440px;*/ | |
46 | - /*padding:46px 30px 30px;*/ | |
47 | - overflow:hidden; | |
48 | - /*position:relative*/ | |
32 | +} | |
33 | +.login-title{ | |
34 | + height: 48px; | |
35 | + border-bottom: 2px solid #fff; | |
36 | + line-height: 48px; | |
37 | + padding-left: 40px; | |
38 | + font-size:18px; | |
39 | + font-weight:400; | |
40 | + color:rgba(55,168,247,1); | |
41 | + background:rgba(26,29,41,.6); | |
42 | + position: relative; | |
43 | +} | |
44 | +.login-title:after{ | |
45 | + content: ''; | |
46 | + position: absolute; | |
47 | + left: 0; | |
48 | + bottom: -2px; | |
49 | + width:159px; | |
50 | + height:2px; | |
51 | + background:rgba(55,168,247,1); | |
52 | +} | |
53 | +.login-main{ | |
54 | + width: 372px; | |
55 | + padding:32px 40px; | |
56 | + background:rgba(26,29,41,.6); | |
57 | +} | |
58 | +.login-user-bg{ | |
59 | + display: inline-block; | |
60 | + vertical-align: middle; | |
61 | + width: 40px; | |
62 | + height: 40px; | |
63 | + background:rgba(170,171,171,.8) url("../img/login-user-bg.png") no-repeat center center; | |
64 | +} | |
65 | +.login-pwd-bg{ | |
66 | + display: inline-block; | |
67 | + vertical-align: middle; | |
68 | + width: 40px; | |
69 | + height: 40px; | |
70 | + background:rgba(170,171,171,.8) url("../img/login-pwd-bg.png") no-repeat center center; | |
71 | +} | |
72 | +.form-control{ | |
73 | + border-radius: 0; | |
49 | 74 | } |
50 | 75 | .login .content h3 { |
51 | 76 | color:#4db3a5; |
... | ... | @@ -66,8 +91,9 @@ html,body{ |
66 | 91 | margin:0 |
67 | 92 | } |
68 | 93 | .login .content .form-control { |
69 | - height: 36px; | |
70 | - width: 328px; | |
94 | + height: 40px; | |
95 | + width: 251px; | |
96 | + display: inline-block; | |
71 | 97 | } |
72 | 98 | .login .content .form-control:active, .login .content .form-control:focus { |
73 | 99 | border:1px solid #c3ccda |
... | ... | @@ -96,8 +122,6 @@ html,body{ |
96 | 122 | .login .content .form-actions { |
97 | 123 | clear:both; |
98 | 124 | border:0; |
99 | - margin-left:-30px; | |
100 | - margin-right:-30px | |
101 | 125 | } |
102 | 126 | .login-options { |
103 | 127 | margin-bottom:30px; |
... | ... | @@ -133,11 +157,11 @@ html,body{ |
133 | 157 | padding-bottom:0 |
134 | 158 | } |
135 | 159 | .login .content .form-actions .btn { |
136 | - margin-top:1px; | |
160 | + height: 40px; | |
137 | 161 | font-size: 18px; |
138 | 162 | color: #fff; |
139 | - border:1px solid #c90000; | |
140 | - background-color: #de3a41; | |
163 | + border:1px solid #37A8F7; | |
164 | + background-color: #37A8F7; | |
141 | 165 | |
142 | 166 | width: 100%; |
143 | 167 | } |
... | ... | @@ -241,7 +265,7 @@ html,body{ |
241 | 265 | top:16px; |
242 | 266 | } |
243 | 267 | .login_error_ifo { |
244 | - height: 22px; | |
268 | + height: 28px; | |
245 | 269 | text-align: center; |
246 | 270 | padding: 5px 0; |
247 | 271 | color: rgb(255, 97, 97); |
... | ... | @@ -258,7 +282,7 @@ html,body{ |
258 | 282 | left: 0; |
259 | 283 | } |
260 | 284 | .form-group{ |
261 | - margin-bottom: 9px; | |
285 | + margin-bottom: 12px; | |
262 | 286 | } |
263 | 287 | .form-control{ |
264 | 288 | color:#000; |
... | ... | @@ -291,19 +315,19 @@ input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ |
291 | 315 | |
292 | 316 | |
293 | 317 | #slide_box { |
294 | - height: 36px; | |
318 | + height: 40px; | |
295 | 319 | text-align: center; |
296 | - line-height: 36px; | |
320 | + line-height: 40px; | |
297 | 321 | font-size: 14px; |
298 | 322 | background-color: rgba(255,255,255,.75); |
299 | 323 | border: none; |
300 | 324 | } |
301 | 325 | |
302 | 326 | #slide_xbox { |
303 | - width: 56px; | |
304 | - height: 36px; | |
327 | + width: 40px; | |
328 | + height: 40px; | |
305 | 329 | text-align: center; |
306 | - line-height: 36px; | |
330 | + line-height:40px; | |
307 | 331 | font-size: 14px; |
308 | 332 | position: absolute; |
309 | 333 | background: #35b34a; |
... | ... | @@ -311,8 +335,8 @@ input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ |
311 | 335 | |
312 | 336 | #btn { |
313 | 337 | cursor: pointer; |
314 | - width: 56px; | |
315 | - height: 36px; | |
338 | + width: 40px; | |
339 | + height: 40px; | |
316 | 340 | background: #fff url(../img/handler_bg.png); |
317 | 341 | float: right; |
318 | 342 | /*-webkit-box-shadow: 0px 0px 15px 0px #ddd;*/ |
... | ... | @@ -323,4 +347,42 @@ input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ |
323 | 347 | } |
324 | 348 | .display-hide{ |
325 | 349 | display: none; |
326 | -} | |
327 | 350 | \ No newline at end of file |
351 | +} | |
352 | + | |
353 | + | |
354 | + | |
355 | + | |
356 | +/* | |
357 | + | |
358 | + Supersized - Fullscreen Slideshow jQuery Plugin | |
359 | + Version : 3.2.7 | |
360 | + Site : www.buildinternet.com/project/supersized | |
361 | + | |
362 | + Author : Sam Dunn | |
363 | + Company : One Mighty Roar (www.onemightyroar.com) | |
364 | + License : MIT License / GPL License | |
365 | + | |
366 | +*/ | |
367 | + | |
368 | +* { margin:0; padding:0; } | |
369 | +body { background:#111; height:100%; } | |
370 | +img { border:none; } | |
371 | + | |
372 | +#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em;} | |
373 | + | |
374 | +#supersized { display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; } | |
375 | +#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; } | |
376 | +#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; } /*Speed*/ | |
377 | +#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; } /*Quality*/ | |
378 | + | |
379 | +#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; } | |
380 | +#supersized a { width:100%; height:100%; display:block; } | |
381 | +#supersized li.prevslide { z-index:-20; } | |
382 | +#supersized li.activeslide { z-index:-10; } | |
383 | +/*#supersized li.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }*/ | |
384 | +/*#supersized li.image-loading img{ visibility:hidden; }*/ | |
385 | +#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; } | |
386 | + | |
387 | + | |
388 | +#supersized img { max-width: none !important } | |
389 | + | ... | ... |
favicon.ico
100755 → 100644
No preview for this file type
img/bg.png deleted
402 KB
img/bg1.jpg
0 → 100755
148 KB
img/bg2.jpg
0 → 100755
100 KB
img/bg3.jpg
0 → 100755
248 KB
img/bodybg.png
0 → 100755
719 KB
img/footer-bg-1.png
0 → 100644
351 Bytes
img/footer-bg-2.png
0 → 100644
4.01 KB
img/footer-bg-3.png
0 → 100644
4.1 KB
img/footer-bg.png
0 → 100644
33.1 KB
img/footer-nav1-icon.png
0 → 100644
17.6 KB
img/footer-nav2-icon.png
0 → 100644
3.67 KB
img/footer-nav3-icon.png
0 → 100644
4.45 KB
img/footer-nav4-icon.png
0 → 100644
18.9 KB
img/footer-nav5-icon.png
0 → 100644
18.5 KB
img/handler_bg.png
100755 → 100644
img/login-pwd-bg.png
0 → 100644
412 Bytes
img/login-user-bg.png
0 → 100644
444 Bytes
img/logo.png
img/logo_dy.png
0 → 100644
662 Bytes
img/silde-wrap1-icon.png
0 → 100755
55.2 KB
img/silde-wrap2-icon.png
0 → 100755
137 KB
img/silde-wrap3-icon.png
0 → 100755
55.7 KB
img/silde-wrap4-icon.png
0 → 100755
38 KB
img/silde-wrap5-icon.png
0 → 100755
69.5 KB
img/userId-icon.png
0 → 100644
1.23 KB
index.html
... | ... | @@ -8,90 +8,45 @@ |
8 | 8 | <meta http-equiv="cache-control" content="no-cache"> |
9 | 9 | <meta http-equiv="expires" content="0"> |
10 | 10 | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> |
11 | + <meta name="viewport" content="width=1200"> | |
11 | 12 | <title>平台汇总</title> |
12 | - <link rel="stylesheet" href="css/common.css"> | |
13 | - <link rel="stylesheet" href="css/index.css"> | |
13 | + <link rel="stylesheet" href="css/common.css?v=1"> | |
14 | + <link rel="stylesheet" href="css/index.css?a=1"> | |
14 | 15 | <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"> |
16 | + <script src="js/config.js"></script> | |
15 | 17 | <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> |
16 | 18 | </head> |
17 | 19 | <body> |
18 | 20 | <!--头部--> |
19 | 21 | <header> |
20 | - <div class="index_topbar"> | |
21 | - <span class="topbar_lmodel">丹阳行</span> | |
22 | + <div class="index_topbar clearfix"> | |
23 | + <span class="topbar_lmodel">平台汇总</span> | |
22 | 24 | <ul class="topbar_rmodel"> |
23 | - <!--登录前--> | |
24 | - <li id="topbar_tologin" class="topbar_tologin" onclick="window.location.href='login.html'"> | |
25 | - 登入 | |
26 | - </li> | |
27 | - <!--登录后--> | |
28 | 25 | <li class="topbar_userMsg" id="topbar_userMsg"> |
29 | - <span class="userId" id="userId">赤峰管理员</span> | |
26 | + <span class="userId" id="userId"></span> | |
30 | 27 | <span class="login_out_btn" id="login_out_btn">退出</span> |
31 | 28 | </li> |
32 | - <li class="topbar_addLeague" onclick="window.location.href='league.html'">加盟</li> | |
33 | 29 | </ul> |
34 | 30 | |
35 | 31 | </div> |
36 | 32 | </header> |
37 | 33 | <!--内容--> |
38 | -<div class="main-con"> | |
39 | - <ul class="main-wrap" id="main-wrap"> | |
40 | - <li> | |
41 | - <div class="demo1"> | |
42 | - <figure class="imghvr-push-down"><img src="img/index-l-1.png"> | |
43 | - <figcaption class="posrel"> | |
44 | - <img src="img/index-l-2.png"> | |
45 | - <div class="posabs clicklink" data-link="http://ent.dyszt.com/parkingcloud/admin/SubMenus/index.html">企业云</div> | |
46 | -<!-- <div class="posabs clicklink" id="monPlat" data-link="http://www.rnting.com/monitoringPlatform/" >监控平台</div> | |
47 | ---> | |
48 | - </figcaption> | |
49 | - </figure> | |
50 | - </div> | |
51 | - </li> | |
52 | - <li> | |
53 | - <div class="demo2"> | |
54 | - <figure class="imghvr-push-down"><img src="img/index-t-1.png"> | |
55 | - <figcaption class="posrel"> | |
56 | - <img src="img/index-t-2.png"> | |
57 | -<!-- | |
58 | - <div class="posabs clicklink" id="cfgov_data" data-link="http://zteits.gnway.cc:8021/cfgovcloud/pages/total.html">数据平台</div> | |
59 | ---> | |
60 | -<div class="posabs clicklink" id="cfgov_data1" data-link="http://gov.dyszt.com/govcloud/webpage/auth.html?authCode=104b8b62e02a324e9c4c9e52ad5b0003">数据平台</div> | |
61 | - </figcaption> | |
62 | - </figure> | |
63 | - </div> | |
64 | - <div class="demo3"> | |
65 | - <figure class="imghvr-push-down"><img src="img/index-b-1.png"> | |
66 | - <figcaption class="posrel"> | |
67 | - <img src="img/index-b-2.png"> | |
68 | -<!-- | |
69 | - <div class="posabs clicklink" id="onlyInterLogin" data-link="">接口平台</div> | |
70 | ---> | |
71 | - </figcaption> | |
72 | - </figure> | |
73 | - </div> | |
74 | - </li> | |
75 | - <li> | |
76 | - <div class="demo4"> | |
77 | - <figure class="imghvr-push-down"><img src="img/index-r-1.png"> | |
78 | - <figcaption class="posrel"> | |
79 | - <img src="img/index-r-2.png"> | |
80 | -<!-- | |
81 | - <div class="posabs clicklink" id="gprmxc" data-link="http://www.rnting.com/gprmxc/home/home.html">备案系统</div> | |
82 | - <div class="posabs clicklink" id="caruser_msg" data-link="http://121.40.121.40:8070/v2.1/html/user_login.html">车主系统</div> | |
83 | ---> | |
84 | - </figcaption> | |
85 | - </figure> | |
86 | - </div> | |
87 | - </li> | |
34 | +<div class="main-con clearfix"> | |
35 | + <ul class="silde-wrap" id="box"> | |
36 | + <!-- | |
37 | + <li class="parking-wrap" data-link="http://ent.dyszt.com/parkingcloud/admin/SubMenus/index.html"></li> | |
38 | + <li class="platform-wrap" data-link="http://zteits.gnway.cc:8021/cfgovcloud/pages/total.html"></li> | |
39 | + <li class="api-wrap" data-link="http://www.rnting.com/api/index.html"></li> | |
40 | + <li class="gprmxc-wrap" data-link="http://gprmxc.renniting.cn/home/home.html"></li> | |
41 | + <li class="caruser-wrap" data-link="http://121.40.121.40:8070/v2.1/html/user_login.html"></li> | |
42 | + --> | |
88 | 43 | </ul> |
89 | 44 | |
90 | - | |
91 | 45 | </div> |
92 | 46 | <!--底部--> |
93 | 47 | <footer> |
94 | - 版权所有: 中兴智能交通股份有限公司 © 2008-2017.ZTE ITS LIMITED. All Rights Reserved | |
48 | + <ul class="footer-nav" id="controls"> | |
49 | + </ul> | |
95 | 50 | </footer> |
96 | 51 | <!--提示弹窗 sta--> |
97 | 52 | <div class="modal fade" id="alertmodel" style="display: none" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> |
... | ... | @@ -112,6 +67,7 @@ |
112 | 67 | <script src="js/jquery.min.js"></script> |
113 | 68 | <script src="js/unit.js"></script> |
114 | 69 | <script src="bootstrap/js/bootstrap.min.js"></script> |
70 | +<script src="js/slider.js"></script> | |
115 | 71 | <script type="text/javascript"> |
116 | 72 | document.write("<s" + "cript type='text/javascript' src='js/index.js?ver" + Math.random() + "'></s" + "cript>"); |
117 | 73 | </script> | ... | ... |
js/config.js
0 → 100644
1 | +//阿里云正式环境,别删 | |
2 | +// parkcloudbaseUrl ='http://bcp.service.renniting.cn/';// url公用地址 | |
3 | +// authUrl = 'http://sys.service.renniting.cn/';// 鉴权URL公用地址 | |
4 | +// baseUrl = 'http://sys.service.renniting.cn/';// 鉴权URL公用地址 | |
5 | + | |
6 | +//阿里云环境,别删 丹阳 | |
7 | +// baseUrl='http://106.15.191.5:8088/' | |
8 | +// parkcloudbaseUrl='http://106.15.191.5:8093/' | |
9 | +// authUrl='http://106.15.191.5:8088/' | |
10 | + | |
11 | +//阿里云测试环境,别删 | |
12 | + baseUrl = 'http://39.98.54.240:8088/';// url公用地址 | |
13 | +// parkcloudbaseUrl = 'http://39.98.54.240:8093/';// url公用地址 | |
14 | +// authUrl = 'http://39.98.54.240:8088/';// 鉴权URL公用地址 | |
15 | + | |
16 | +//demo环境,别删 | |
17 | +// baseUrl = 'http://47.96.41.88:18088/';// url公用地址 | |
18 | +// parkcloudbaseUrl = 'http://47.96.41.88:18093/';// url公用地址 | |
19 | +// authUrl = 'http://47.96.41.88:18088/';// 鉴权URL公用地址 | ... | ... |
js/index.js
1 | -/** | |
2 | - * Created by mac on 17/11/28. | |
3 | - */ | |
4 | -// <!--头部--> | |
1 | + | |
5 | 2 | |
6 | 3 | // <!--内容--> |
7 | 4 | // fn.getUserName(); |
8 | 5 | console.log(fn.getUserName()); |
9 | 6 | if(fn.getUserName()==''|| fn.getUserName()==undefined||fn.getUserName()==null){ |
10 | - | |
7 | + fn.loginOut(); | |
11 | 8 | $('#topbar_userMsg').hide(); |
12 | 9 | $('#topbar_tologin').show(); |
13 | 10 | }else if(fn.getUserName()=='燕松梅赤峰测试'){ |
... | ... | @@ -35,44 +32,127 @@ else{ |
35 | 32 | $('#topbar_tologin').hide(); |
36 | 33 | $('#topbar_userMsg').show().find('#userId').text(fn.getUserName()); |
37 | 34 | } |
38 | -// <!--底部--> | |
39 | -//用户退出登录 | |
40 | -$('#login_out_btn').on('click', function () { | |
41 | - // console.log("token:" + fn.getToken()); | |
42 | - fn.loginOut(); | |
43 | -}); | |
44 | -/*$('#main-wrap .clicklink').on('click',function () { | |
45 | - if($('#topbar_tologin').css('display')=='block'){ | |
46 | - fn.toLoginPage(); | |
47 | - }else{ | |
48 | - var link = $(this).attr('data-link'); | |
49 | - window.open(link) | |
50 | - } | |
51 | -http://www.rnting.com/api/index.html | |
52 | -})*/ | |
53 | -$('#main-wrap .clicklink').on('click',function () { | |
54 | - if($('#topbar_tologin').css('display')=='block'){ | |
55 | - fn.toLoginPage(); | |
35 | +// 获取页面可显示的系统菜单以及目录样式 sysOpProjectDTOList | |
36 | +var fun={ | |
37 | + init:function(){ | |
38 | + //content 图片内容 清空 | |
39 | + $('#box').empty(); | |
40 | + //nav 菜单 清空 | |
41 | + $('#controls').empty(); | |
42 | + //加载 菜单 以及 各系统简介图片内容 | |
43 | + fun.menuInit(); | |
44 | + //用户退出登录 | |
45 | + fun.loginOut(); | |
46 | + }, | |
47 | + menuInit:function () { | |
48 | + //nav 菜单 | |
49 | + var menuList=''; | |
50 | + //content 图片内容 | |
51 | + var imgList=''; | |
52 | + var sysOpList=sessionStorage.getItem("sysOpProjectDTOList"); | |
53 | + if(sysOpList=='' ||sysOpList==null ||sysOpList==undefined){ | |
54 | + menuList+='<li class="parking-nav active" data-slideindex="6">任你停官网</li>'; | |
55 | + imgList='<li class="parking-wrap" data-link="http://www.renniting.cn"></li>'; | |
56 | + // menuList+='<li class="clearfix"></li>'; | |
57 | + $('#box').html(imgList); | |
58 | + $('#controls').html(menuList); | |
59 | + } | |
60 | + | |
61 | + var sysOpProList=JSON.parse(sysOpList); | |
62 | + | |
63 | + console.log(sysOpProList) | |
64 | + for(var i=0;i<sysOpProList.length;i++){ | |
65 | + if(sysOpProList[i].projectCode=='BUSINESS_PLATFORM'){ | |
66 | + if(sysOpProList[i].projectName==''||sysOpProList[i].projectName==null||sysOpProList[i].projectName==undefined){ | |
67 | + menuList+='<li class="parking-nav active" data-slideindex="0">任你停官网</li>'; | |
68 | + imgList+='<li class="parking-wrap" data-link="http://www.renniting.cn"></li>'; | |
69 | + } | |
70 | + menuList+='<li class="parking-nav active" data-slideindex="0">'+sysOpProList[i].projectName+'</li>'; | |
71 | + imgList+='<li class="parking-wrap" data-link="http://parkingcloud.renniting.cn/admin/SubMenus/index.html"></li>'; | |
72 | + | |
73 | + } | |
74 | + else if(sysOpProList[i].projectCode=='GOVERNMENT_PLATFORM'){ | |
75 | + if(sysOpProList[i].projectName==''||sysOpProList[i].projectName==null||sysOpProList[i].projectName==undefined){ | |
76 | + menuList+='<li class="parking-nav active" data-slideindex="1">任你停官网</li>'; | |
77 | + imgList+='<li class="parking-wrap" data-link="http://www.renniting.cn"></li>'; | |
78 | + } | |
79 | + menuList+='<li class="platform-nav" data-slideindex="1">'+sysOpProList[i].projectName+'</li>'; | |
80 | + imgList+='<li class="platform-wrap" data-link="http://zteits.gnway.cc:8021/cfgovcloud/pages/total.html"></li>'; | |
81 | + } | |
82 | + else if(sysOpProList[i].projectCode=='INTERFACE_PLATFORM'){ | |
83 | + if(sysOpProList[i].projectName==''||sysOpProList[i].projectName==null||sysOpProList[i].projectName==undefined){ | |
84 | + menuList+='<li class="parking-nav active" data-slideindex="2">任你停官网</li>'; | |
85 | + imgList+='<li class="parking-wrap" data-link="http://www.renniting.cn"></li>'; | |
86 | + } | |
87 | + menuList+='<li class="api-nav" data-slideindex="2">'+sysOpProList[i].projectName+'</li>'; | |
88 | + imgList+='<li class="api-wrap" data-link="http://api.renniting.cn"></li>'; | |
89 | + } | |
90 | + else if(sysOpProList[i].projectCode=='CAR_USER_PLATFORM'){ | |
91 | + if(sysOpProList[i].projectName==''||sysOpProList[i].projectName==null||sysOpProList[i].projectName==undefined){ | |
92 | + menuList+='<li class="parking-nav active" data-slideindex="3">任你停官网</li>'; | |
93 | + imgList+='<li class="parking-wrap" data-link="http://www.renniting.cn"></li>'; | |
94 | + } | |
95 | + menuList+='<li class="caruser-nav" data-slideindex="3">'+sysOpProList[i].projectName+'</li>'; | |
96 | + imgList+='<li class="caruser-wrap" data-link="http://121.40.121.40:8070/v2.1/html/user_login.html"></li>'; | |
97 | + } | |
98 | + else if(sysOpProList[i].projectCode=='BEIAN_PLATFORM'){ | |
99 | + if(sysOpProList[i].projectName==''||sysOpProList[i].projectName==null||sysOpProList[i].projectName==undefined){ | |
100 | + menuList+='<li class="parking-nav active" data-slideindex="4">任你停官网</li>'; | |
101 | + imgList+='<li class="parking-wrap" data-link="http://www.renniting.cn"></li>'; | |
102 | + } | |
103 | + menuList+='<li class="gprmxc-nav" data-slideindex="4">'+sysOpProList[i].projectName+'</li>'; | |
104 | + imgList+='<li class="gprmxc-wrap" data-link="http://gprmxc.renniting.cn/home/home.html"></li>'; | |
105 | + }else if(sysOpProList[i].projectCode==''||sysOpProList[i].projectCode==null||sysOpProList[i].projectCode==undefined){ | |
106 | + menuList+='<li class="parking-nav active" data-slideindex="5">任你停官网</li>'; | |
107 | + imgList='<li class="parking-wrap" data-link="http://www.renniting.cn"></li>'; | |
108 | + } | |
109 | + | |
110 | + | |
111 | + } | |
112 | + menuList+='<div class="clearfix"></div>'; | |
113 | + $('#box').append(imgList); | |
114 | + $('#controls').append(menuList); | |
115 | + }, | |
116 | + //用户退出登录 | |
117 | + loginOut:function () { | |
118 | + $('#login_out_btn').on('click', function () { | |
119 | + // console.log("token:" + fn.getToken()); | |
120 | + fn.loginOut(); | |
121 | + }); | |
56 | 122 | } |
57 | - // else if(){ | |
58 | - //token=a5ebda3f-f8b3-4499-bd43-76a69b340f88 | |
59 | - // } | |
60 | - else{ | |
123 | + | |
124 | +}; | |
125 | +fun.init(); | |
126 | +// <!--底部--> | |
127 | + | |
128 | + | |
129 | +$(document).on('click','#box li',function () { | |
61 | 130 | var link = $(this).attr('data-link'); |
62 | - if(link==''|| link==undefined||link==null){ | |
63 | - $('#alertmodel').modal('show'); | |
64 | - setTimeout(function () { | |
65 | - $('#alertmodel').modal('hide') | |
66 | - },3000); | |
67 | - // alert('您的账号没有权限登录此平台'); | |
68 | - return; | |
69 | - } | |
70 | 131 | if(link.indexOf("monitoringPlatform")>0){ |
71 | 132 | link+=("?token="+sessionStorage.getItem("token")); |
72 | 133 | } else if(link.indexOf("SubMenus/index.html")>0){ |
73 | 134 | link+=("?token="+sessionStorage.getItem("token")); |
74 | 135 | } |
75 | 136 | window.open(link) |
76 | - } | |
137 | +}) | |
138 | +var $box = $('#box') | |
139 | +$box.boxSlider({ | |
140 | + speed: 1000 | |
141 | + , autoScroll: false | |
142 | + , timeout: 5000 | |
143 | + , next: '#next' | |
144 | + , prev: '#prev' | |
145 | + , pause: '#pause' | |
146 | + , effect: 'scrollHorz' | |
147 | + , blindCount: 15 | |
148 | + | |
149 | +}); | |
150 | + | |
151 | +$('#controls').on('click', 'li', function (ev) { | |
152 | + $('#controls li').removeClass('active'); | |
153 | + console.log($(this).data('slideindex')); | |
154 | + $box.boxSlider('showSlide', $(this).data('slideindex')); | |
155 | + $(this).addClass('active'); | |
156 | + //ev.preventDefault(); | |
157 | +}); | |
77 | 158 | |
78 | -}) | |
79 | 159 | \ No newline at end of file | ... | ... |
js/login.js
... | ... | @@ -274,6 +274,8 @@ function loginSuccess(res) { |
274 | 274 | /**将系统编码及名称放入session.*/ |
275 | 275 | sessionStorage.setItem("sysCode", res.data.sysCode); |
276 | 276 | sessionStorage.setItem("sysName", res.data.sysName); |
277 | + //后台返回用户可见的各个项目项目菜单 例如: projectCode:"INTERFACE_PLATFORM" projectName:"接口平台" | |
278 | + sessionStorage.setItem("sysOpProjectDTOList", JSON.stringify(res.data.sysOpProjectDTOList)); | |
277 | 279 | //alert("success"); |
278 | 280 | fn.setUserAccount(res.data.userName); |
279 | 281 | window.location.href = "index.html"; | ... | ... |
js/slider.js
0 → 100644
1 | +// JavaScript Document | |
2 | +(function(i,f,r){var g={},s=!0,p={},u={speed:800,timeout:5E3,autoScroll:!1,pauseOnHover:!1,effect:"scrollVert3d",perspective:1E3};i.jqBoxSlider=g;g.init=function(a){var b=f.extend({},u,a),d=g.slideAnimator(b.effect);return this.each(function(){var a=f(this),h=a.children(),e=f.extend({},b);a.data("bssettings",e);e.slideAnimator=d;e.slideAnimator.initialize(a,h,e);v(a,e);if(e.autoScroll&&(e.autointv=setInterval(function(){n(a)},e.timeout+e.speed),e.pauseOnHover))a.on("hover",o)})};g.playPause=function(){return this.each(function(){o.call(f(this))})}; | |
3 | + g.showSlide=function(a){a=parseInt(a,10);return this.each(function(){var b=f(this);q(b);n(b,a)})};g.registerAnimator=function(a,b){f.each(a.split(","),function(a,c){p[c]=b});b._cacheOriginalCSS=w;"function"===typeof b.configure&&b.configure(s,x)};g.slideAnimator=function(a){if("object"===typeof p[a])return p[a];throw Error("The slide animator for the "+a+" effect has not been registered");};g.option=function(a,b){return"undefined"===typeof b?(this.data("bssettings")||{})[a]:this.each(function(){var d= | |
4 | + f(this),c=d.data("bssettings")||{};c[a]=b;q(d,c);"effect"===a?(c.slideAnimator.destroy(d,c),c.slideAnimator=g.slideAnimator(b),c._slideFilter=null,c.bsfaceindex=0,c.slideAnimator.initialize(d,d.children(),c)):"function"===typeof c.slideAnimator.reset&&c.slideAnimator.reset(d,c)})};g.destroy=function(){return this.each(function(){var a=f(this),b=(a.data()||{}).bssettings;b&&"object"===typeof b.slideAnimator&&(b.autointv&&clearInterval(b.autointv),b.slideAnimator.destroy(a,b))})};var v=function(a,b){var d= | |
5 | + f();null!=b.next&&(d=d.add(f(b.next).on("click",{reverse:!1},t)));null!=b.prev&&(d=d.add(f(b.prev).on("click",{reverse:!0},t)));null!=b.pause&&(d=d.add(f(b.pause).on("click",y)));d.data("bsbox",a)},t=function(a){var b=f(this).data("bsbox");q(b);n(b,r,a.data.reverse);a.preventDefault()},y=function(a){var b=f(this),d=b.data("bsbox");o.call(d);b.toggleClass("paused");a.preventDefault()},o=function(a,b,d){var c=f(this);d||(d=c.data("bssettings"));if(null!=d.autointv||b)if(d.autointv=clearInterval(d.autointv), | |
6 | + !b)return;d.autointv=setInterval(function(){n(c)},d.timeout+d.speed)},n=function(a,b,d){var c=a.data("bssettings"),h=a.children(),e,k,j,g;null!=c._slideFilter&&(h="function"===typeof c._slideFilter?h.filter(function(b){return c._slideFilter.call(h,b,c)}):h.filter(c.slideFilter));e=c.bsfaceindex||0;k=z(e,h.length,d,b);a.hasClass("jbs-in-motion")||-1===k||(j=h.eq(e),g=h.eq(k),a.addClass("jbs-in-motion"),"function"===typeof c.onbefore&&c.onbefore.call(a,j,g,e,k),f.extend(c,c.slideAnimator.transition(f.extend({$box:a, | |
7 | + $slides:h,$currSlide:j,$nextSlide:g,reverse:d,currIndex:e,nextIndex:k},c))),setTimeout(function(){a.removeClass("jbs-in-motion");"function"===typeof c.onafter&&c.onafter.call(a,j,g,e,k)},c.speed),c.bsfaceindex=k)},q=function(a,b){b||(b=a.data("bssettings")||{});b.autoScroll&&o.call(a,r,!0,b)},z=function(a,b,d,c){null==c&&(c=d?0>a-1?b-1:a-1:a+1<b?a+1:0);return c===a||c>=b||0>c?-1:c},w=function(a,b,d,c){c="position top left display overflow width height".split(" ").concat(c||[]);d.origCSS||(d.origCSS= | |
8 | + {});d.origCSS[b]||(d.origCSS[b]={});f.each(c,function(h,e){d.origCSS[b][e]=a.css(e)})},x=function(){var a=document.body.style,b="";"webkitTransition"in a&&(b="-webkit-");"MozTransition"in a&&(b="-moz-");s="webkitPerspective"in a||"MozPerspective"in a||"perspective"in a;return b}();f.fn.boxSlider=function(a){return"string"===typeof a&&"function"===typeof g[a]?g[a].apply(this,Array.prototype.slice.call(arguments,1)):g.init.apply(this,arguments)};i.jqBoxSlider.registerAnimator("blindDown,blindLeft", | |
9 | + function(){var a=function(b,a){return this.get(b)!==a.$blinds.get(0)},b=function(b){return b.attr("src")||b.find("img").attr("src")},d=function(b){switch(b.effect){case "blindDown":return{top:"100%"};case "blindLeft":return{width:"0px"}}},c=function(a){var e={backgroundImage:"url("+b(a.$nextSlide)+")"};switch(a.effect){case "blindDown":e.top="0px";break;case "blindLeft":e.width=a.blindSize}return e};return{initialize:function(d,e,c){var j=f(document.createElement("div")),g=b(e.eq(0)),l,m=0;c.blindCount|| | |
10 | + (c.blindCount=10);c.blindSpeed=c.speed;c.blindintv=c.speed/c.blindCount;c.speed+=c.blindintv*c.blindCount;c.blindSize=d.width()/c.blindCount;this._cacheOriginalCSS(d,"box",c);for(this._cacheOriginalCSS(e,"slides",c);m<c.blindCount;++m)l=m*c.blindSize,f(document.createElement("div")).css({position:"absolute",top:"0px",left:l+"px",width:c.blindSize+"px",height:"100%",backgroundImage:"url("+g+")",backgroundPosition:-l+"px 0px"}).appendTo(j);d.css("position","relative");d.css({height:e.css("height"), | |
11 | + overflow:"hidden"});e.css({zIndex:1,position:"absolute",top:0,left:0});j.css({position:"absolute",top:"0px",left:"0px",width:"100%",height:"100%",zIndex:2}).appendTo(d);c.$blinds=j;c._slideFilter=a},transition:function(b){b.$box.height();var a=b.$blinds.children();b.$slides.hide();b.$nextSlide.show();a.each(function(a,c){(function(){var e=b.blindintv*a,g=f(c);setTimeout(function(){g.animate(d(b),b.blindSpeed)},e)})()});setTimeout(function(){a.css(c(b))},b.speed)},destroy:function(b,a){a.$blinds.remove(); | |
12 | + b.css(a.origCSS.box);b.children().css(a.origCSS.slides);a.speed=a.blindSpeed;delete a.blindCount;delete a.blindSpeed;delete a.blindintv;delete a.$blinds;delete a.blindSize}}}());i.jqBoxSlider.registerAnimator("fade",function(){var a={initialize:function(b,d,c){a._cacheOriginalCSS(b,"box",c);a._cacheOriginalCSS(d,"slides",c);-1!=="static inherit".indexOf(b.css("position"))&&b.css("position","relative");b.css({height:d.eq(0).height(),overflow:"hidden"});d.css({position:"absolute",top:0,left:0}).filter(":gt(0)").hide()}, | |
13 | + transition:function(b){b.$nextSlide.fadeIn(b.speed);b.$currSlide.fadeOut(b.speed)},destroy:function(b,a){b.children().css(a.origCSS.slides);b.css(a.origCSS.box)}};return a}());i.jqBoxSlider.registerAnimator("scrollVert3d,scrollHorz3d",function(){var a={},b=!1,d="";a.configure=function(a,c){b=a;d=c};a.initialize=function(c,e,f){var g=c.parent(),i=g.innerWidth(),l=g.innerHeight(),m={position:"absolute",top:0,left:0,width:i,height:l};a._cacheOriginalCSS(c,"box",f,[d+"transform",d+"transition",d+"transform-style"]); | |
14 | + a._cacheOriginalCSS(e,"slides",f,[d+"transform"]);a._cacheOriginalCSS(e,"viewport",f,[d+"perspective"]);e.css(m);c.css(m);-1!=="static inherit".indexOf(g.css("position"))&&g.css("position","relative");b?(f.translateZ="scrollVert3d"===f.effect?l/2:i/2,f.bsangle=0,g.css(d+"perspective",f.perspective),g.css("overflow","visible"),c.css(d+"transform-style","preserve-3d"),c.css(d+"transform","translate3d(0, 0, -"+f.translateZ+"px)"),e.eq(0).css(d+"transform","rotate3d(0, 1, 0, 0deg) translate3d(0, 0, "+ | |
15 | + f.translateZ+"px)"),setTimeout(function(){a.reset(c,f)},10)):e.filter(":gt(0)").hide()};a.reset=function(b,a){b.css(d+"transition",d+"transform "+(a.speed/1E3+"s"))};a.transition=function(a){var e=a.bsangle+(a.reverse?90:-90),f="scrollVert3d"===a.effect;if(b)return 0===e&&(e=a.reverse?360:-360),a.$currSlide.css("z-index",1),a.$slides.filter(function(b){return a.currIndex!==b}).css(d+"transform","none").css("display","none"),a.$nextSlide.css(d+"transform",c(e,f)+" translate3d(0, 0,"+a.translateZ+"px)").css({display:"block", | |
16 | + zIndex:2}),a.$box.css(d+"transform","translate3d(0, 0, -"+a.translateZ+"px) rotate3d("+(f?"1, 0, 0, ":"0, 1, 0, ")+e+"deg)"),360===Math.abs(e)&&(a.$box.css(d+"transform","translate3d(0, 0, -"+a.translateZ+"px)"),e=0),{bsangle:e};a.$slides.filter(function(b){return a.currIndex!==b}).hide();a.$currSlide.fadeOut(a.speed);a.$nextSlide.fadeIn(a.speed)};a.destroy=function(a,b){var c=a.children(),d=a.parent();b.origCSS&&(a.css(b.origCSS.box),c.css(b.origCSS.slides),d.css(b.origCSS.viewport),delete b.bsangle, | |
17 | + delete b.translateZ)};var c=function(a,b){switch(a){case 360:case -360:return"rotate3d(0, 1, 0, 0deg)";case 90:case -270:return"rotate3d("+(b?"1, 0, 0,":"0, 1, 0,")+" -90deg)";case 180:case -180:return"rotate3d("+(b?"1, 0, 0,":"0, 1, 0,")+" 180deg)";case 270:case -90:return"rotate3d("+(b?"1, 0, 0,":"0, 1, 0,")+" 90deg)"}};return a}());i.jqBoxSlider.registerAnimator("scrollVert,scrollHorz",function(){var a={initialize:function(b,d,c){var f=b.width(),e=d.eq(0).height();a._cacheOriginalCSS(b,"box",c); | |
18 | + a._cacheOriginalCSS(d,"slides",c);-1!=="static inherit".indexOf(b.css("position"))&&b.css("position","relative");b.css({height:e,overflow:"hidden"});d.css({position:"absolute",top:0,left:0,width:f,height:e}).filter(":gt(0)").hide()},transition:function(a){var d=a.$box,c=a.reverse,g={},e={};"scrollVert"===a.effect?(e.top=(c?d.height():-d.height())+"px",g.top=-parseInt(e.top,10)+"px",d={top:"0px"}):(e.left=(c?d.width():-d.width())+"px",g.left=-parseInt(e.left,10)+"px",d={left:"0px"});a.$nextSlide.css(f.extend(e, | |
19 | + {display:"block"})).animate(d,a.speed);a.$currSlide.animate(g,a.speed)},destroy:function(a,d){a.children().css(d.origCSS.slides);a.css(d.origCSS.box)}};return a}())})(window,jQuery||Zepto); | ... | ... |
js/supersized-init.js
0 → 100644
1 | +jQuery(function($){ | |
2 | + | |
3 | + $.supersized({ | |
4 | + | |
5 | + // Functionality | |
6 | + slide_interval : 3000, // Length between transitions | |
7 | + transition : 1, // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left | |
8 | + transition_speed : 2000, // Speed of transition | |
9 | + performance : 1, // 0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit) | |
10 | + | |
11 | + // Size & Position | |
12 | + min_width : 0, // Min width allowed (in pixels) | |
13 | + min_height : 0, // Min height allowed (in pixels) | |
14 | + vertical_center : 1, // Vertically center background | |
15 | + horizontal_center : 1, // Horizontally center background | |
16 | + fit_always : 0, // Image will never exceed browser width or height (Ignores min. dimensions) | |
17 | + fit_portrait : 1, // Portrait images will not exceed browser height | |
18 | + fit_landscape : 0, // Landscape images will not exceed browser width | |
19 | + | |
20 | + // Components | |
21 | + slide_links : 'blank', // Individual links for each slide (Options: false, 'num', 'name', 'blank') | |
22 | + slides : [ // Slideshow Images | |
23 | + {image : './img/bg1.jpg'}, | |
24 | + {image : './img/bg2.jpg'}, | |
25 | + {image : './img/bg3.jpg'} | |
26 | + ] | |
27 | + | |
28 | + }); | |
29 | + | |
30 | +}); | ... | ... |
js/supersized.3.2.7.min.js
0 → 100644
1 | +/* | |
2 | + | |
3 | + Supersized - Fullscreen Slideshow jQuery Plugin | |
4 | + Version : 3.2.7 | |
5 | + Site : www.buildinternet.com/project/supersized | |
6 | + | |
7 | + Author : Sam Dunn | |
8 | + Company : One Mighty Roar (www.onemightyroar.com) | |
9 | + License : MIT License / GPL License | |
10 | + | |
11 | +*/ | |
12 | + | |
13 | +(function(a){a(document).ready(function(){a("body").append('<div id="supersized-loader"></div><ul id="supersized"></ul>')});a.supersized=function(b){var c="#supersized",d=this;d.$el=a(c);d.el=c;vars=a.supersized.vars;d.$el.data("supersized",d);api=d.$el.data("supersized");d.init=function(){a.supersized.vars=a.extend(a.supersized.vars,a.supersized.themeVars);a.supersized.vars.options=a.extend({},a.supersized.defaultOptions,a.supersized.themeOptions,b);d.options=a.supersized.vars.options;d._build()};d._build=function(){var g=0,e="",j="",h,f="",i;while(g<=d.options.slides.length-1){switch(d.options.slide_links){case"num":h=g;break;case"name":h=d.options.slides[g].title;break;case"blank":h="";break}e=e+'<li class="slide-'+g+'"></li>';if(g==d.options.start_slide-1){if(d.options.slide_links){j=j+'<li class="slide-link-'+g+' current-slide"><a>'+h+"</a></li>"}if(d.options.thumb_links){d.options.slides[g].thumb?i=d.options.slides[g].thumb:i=d.options.slides[g].image;f=f+'<li class="thumb'+g+' current-thumb"><img src="'+i+'"/></li>'}}else{if(d.options.slide_links){j=j+'<li class="slide-link-'+g+'" ><a>'+h+"</a></li>"}if(d.options.thumb_links){d.options.slides[g].thumb?i=d.options.slides[g].thumb:i=d.options.slides[g].image;f=f+'<li class="thumb'+g+'"><img src="'+i+'"/></li>'}}g++}if(d.options.slide_links){a(vars.slide_list).html(j)}if(d.options.thumb_links&&vars.thumb_tray.length){a(vars.thumb_tray).append('<ul id="'+vars.thumb_list.replace("#","")+'">'+f+"</ul>")}a(d.el).append(e);if(d.options.thumbnail_navigation){vars.current_slide-1<0?prevThumb=d.options.slides.length-1:prevThumb=vars.current_slide-1;a(vars.prev_thumb).show().html(a("<img/>").attr("src",d.options.slides[prevThumb].image));vars.current_slide==d.options.slides.length-1?nextThumb=0:nextThumb=vars.current_slide+1;a(vars.next_thumb).show().html(a("<img/>").attr("src",d.options.slides[nextThumb].image))}d._start()};d._start=function(){if(d.options.start_slide){vars.current_slide=d.options.start_slide-1}else{vars.current_slide=Math.floor(Math.random()*d.options.slides.length)}var o=d.options.new_window?' target="_blank"':"";if(d.options.performance==3){d.$el.addClass("speed")}else{if((d.options.performance==1)||(d.options.performance==2)){d.$el.addClass("quality")}}if(d.options.random){arr=d.options.slides;for(var h,m,k=arr.length;k;h=parseInt(Math.random()*k),m=arr[--k],arr[k]=arr[h],arr[h]=m){}d.options.slides=arr}if(d.options.slides.length>1){if(d.options.slides.length>2){vars.current_slide-1<0?loadPrev=d.options.slides.length-1:loadPrev=vars.current_slide-1;var g=(d.options.slides[loadPrev].url)?"href='"+d.options.slides[loadPrev].url+"'":"";var q=a('<img src="'+d.options.slides[loadPrev].image+'"/>');var n=d.el+" li:eq("+loadPrev+")";q.appendTo(n).wrap("<a "+g+o+"></a>").parent().parent().addClass("image-loading prevslide");q.load(function(){a(this).data("origWidth",a(this).width()).data("origHeight",a(this).height());d.resizeNow()})}}else{d.options.slideshow=0}g=(api.getField("url"))?"href='"+api.getField("url")+"'":"";var l=a('<img src="'+api.getField("image")+'"/>');var f=d.el+" li:eq("+vars.current_slide+")";l.appendTo(f).wrap("<a "+g+o+"></a>").parent().parent().addClass("image-loading activeslide");l.load(function(){d._origDim(a(this));d.resizeNow();d.launch();if(typeof theme!="undefined"&&typeof theme._init=="function"){theme._init()}});if(d.options.slides.length>1){vars.current_slide==d.options.slides.length-1?loadNext=0:loadNext=vars.current_slide+1;g=(d.options.slides[loadNext].url)?"href='"+d.options.slides[loadNext].url+"'":"";var e=a('<img src="'+d.options.slides[loadNext].image+'"/>');var p=d.el+" li:eq("+loadNext+")";e.appendTo(p).wrap("<a "+g+o+"></a>").parent().parent().addClass("image-loading");e.load(function(){a(this).data("origWidth",a(this).width()).data("origHeight",a(this).height());d.resizeNow()})}d.$el.css("visibility","hidden");a(".load-item").hide()};d.launch=function(){d.$el.css("visibility","visible");a("#supersized-loader").remove();if(typeof theme!="undefined"&&typeof theme.beforeAnimation=="function"){theme.beforeAnimation("next")}a(".load-item").show();if(d.options.keyboard_nav){a(document.documentElement).keyup(function(e){if(vars.in_animation){return false}if((e.keyCode==37)||(e.keyCode==40)){clearInterval(vars.slideshow_interval);d.prevSlide()}else{if((e.keyCode==39)||(e.keyCode==38)){clearInterval(vars.slideshow_interval);d.nextSlide()}else{if(e.keyCode==32&&!vars.hover_pause){clearInterval(vars.slideshow_interval);d.playToggle()}}}})}if(d.options.slideshow&&d.options.pause_hover){a(d.el).hover(function(){if(vars.in_animation){return false}vars.hover_pause=true;if(!vars.is_paused){vars.hover_pause="resume";d.playToggle()}},function(){if(vars.hover_pause=="resume"){d.playToggle();vars.hover_pause=false}})}if(d.options.slide_links){a(vars.slide_list+"> li").click(function(){index=a(vars.slide_list+"> li").index(this);targetSlide=index+1;d.goTo(targetSlide);return false})}if(d.options.thumb_links){a(vars.thumb_list+"> li").click(function(){index=a(vars.thumb_list+"> li").index(this);targetSlide=index+1;api.goTo(targetSlide);return false})}if(d.options.slideshow&&d.options.slides.length>1){if(d.options.autoplay&&d.options.slides.length>1){vars.slideshow_interval=setInterval(d.nextSlide,d.options.slide_interval)}else{vars.is_paused=true}a(".load-item img").bind("contextmenu mousedown",function(){return false})}a(window).resize(function(){d.resizeNow()})};d.resizeNow=function(){return d.$el.each(function(){a("img",d.el).each(function(){thisSlide=a(this);var f=(thisSlide.data("origHeight")/thisSlide.data("origWidth")).toFixed(2);var e=d.$el.width(),h=d.$el.height(),i;if(d.options.fit_always){if((h/e)>f){g()}else{j()}}else{if((h<=d.options.min_height)&&(e<=d.options.min_width)){if((h/e)>f){d.options.fit_landscape&&f<1?g(true):j(true)}else{d.options.fit_portrait&&f>=1?j(true):g(true)}}else{if(e<=d.options.min_width){if((h/e)>f){d.options.fit_landscape&&f<1?g(true):j()}else{d.options.fit_portrait&&f>=1?j():g(true)}}else{if(h<=d.options.min_height){if((h/e)>f){d.options.fit_landscape&&f<1?g():j(true)}else{d.options.fit_portrait&&f>=1?j(true):g()}}else{if((h/e)>f){d.options.fit_landscape&&f<1?g():j()}else{d.options.fit_portrait&&f>=1?j():g()}}}}}function g(k){if(k){if(thisSlide.width()<e||thisSlide.width()<d.options.min_width){if(thisSlide.width()*f>=d.options.min_height){thisSlide.width(d.options.min_width);thisSlide.height(thisSlide.width()*f)}else{j()}}}else{if(d.options.min_height>=h&&!d.options.fit_landscape){if(e*f>=d.options.min_height||(e*f>=d.options.min_height&&f<=1)){thisSlide.width(e);thisSlide.height(e*f)}else{if(f>1){thisSlide.height(d.options.min_height);thisSlide.width(thisSlide.height()/f)}else{if(thisSlide.width()<e){thisSlide.width(e);thisSlide.height(thisSlide.width()*f)}}}}else{thisSlide.width(e);thisSlide.height(e*f)}}}function j(k){if(k){if(thisSlide.height()<h){if(thisSlide.height()/f>=d.options.min_width){thisSlide.height(d.options.min_height);thisSlide.width(thisSlide.height()/f)}else{g(true)}}}else{if(d.options.min_width>=e){if(h/f>=d.options.min_width||f>1){thisSlide.height(h);thisSlide.width(h/f)}else{if(f<=1){thisSlide.width(d.options.min_width);thisSlide.height(thisSlide.width()*f)}}}else{thisSlide.height(h);thisSlide.width(h/f)}}}if(thisSlide.parents("li").hasClass("image-loading")){a(".image-loading").removeClass("image-loading")}if(d.options.horizontal_center){a(this).css("left",(e-a(this).width())/2)}if(d.options.vertical_center){a(this).css("top",(h-a(this).height())/2)}});if(d.options.image_protect){a("img",d.el).bind("contextmenu mousedown",function(){return false})}return false})};d.nextSlide=function(){if(vars.in_animation||!api.options.slideshow){return false}else{vars.in_animation=true}clearInterval(vars.slideshow_interval);var h=d.options.slides,e=d.$el.find(".activeslide");a(".prevslide").removeClass("prevslide");e.removeClass("activeslide").addClass("prevslide");vars.current_slide+1==d.options.slides.length?vars.current_slide=0:vars.current_slide++;var g=a(d.el+" li:eq("+vars.current_slide+")"),i=d.$el.find(".prevslide");if(d.options.performance==1){d.$el.removeClass("quality").addClass("speed")}loadSlide=false;vars.current_slide==d.options.slides.length-1?loadSlide=0:loadSlide=vars.current_slide+1;var k=d.el+" li:eq("+loadSlide+")";if(!a(k).html()){var j=d.options.new_window?' target="_blank"':"";imageLink=(d.options.slides[loadSlide].url)?"href='"+d.options.slides[loadSlide].url+"'":"";var f=a('<img src="'+d.options.slides[loadSlide].image+'"/>');f.appendTo(k).wrap("<a "+imageLink+j+"></a>").parent().parent().addClass("image-loading").css("visibility","hidden");f.load(function(){d._origDim(a(this));d.resizeNow()})}if(d.options.thumbnail_navigation==1){vars.current_slide-1<0?prevThumb=d.options.slides.length-1:prevThumb=vars.current_slide-1;a(vars.prev_thumb).html(a("<img/>").attr("src",d.options.slides[prevThumb].image));nextThumb=loadSlide;a(vars.next_thumb).html(a("<img/>").attr("src",d.options.slides[nextThumb].image))}if(typeof theme!="undefined"&&typeof theme.beforeAnimation=="function"){theme.beforeAnimation("next")}if(d.options.slide_links){a(".current-slide").removeClass("current-slide");a(vars.slide_list+"> li").eq(vars.current_slide).addClass("current-slide")}g.css("visibility","hidden").addClass("activeslide");switch(d.options.transition){case 0:case"none":g.css("visibility","visible");vars.in_animation=false;d.afterAnimation();break;case 1:case"fade":g.animate({opacity:0},0).css("visibility","visible").animate({opacity:1,avoidTransforms:false},d.options.transition_speed,function(){d.afterAnimation()});break;case 2:case"slideTop":g.animate({top:-d.$el.height()},0).css("visibility","visible").animate({top:0,avoidTransforms:false},d.options.transition_speed,function(){d.afterAnimation()});break;case 3:case"slideRight":g.animate({left:d.$el.width()},0).css("visibility","visible").animate({left:0,avoidTransforms:false},d.options.transition_speed,function(){d.afterAnimation()});break;case 4:case"slideBottom":g.animate({top:d.$el.height()},0).css("visibility","visible").animate({top:0,avoidTransforms:false},d.options.transition_speed,function(){d.afterAnimation()});break;case 5:case"slideLeft":g.animate({left:-d.$el.width()},0).css("visibility","visible").animate({left:0,avoidTransforms:false},d.options.transition_speed,function(){d.afterAnimation()});break;case 6:case"carouselRight":g.animate({left:d.$el.width()},0).css("visibility","visible").animate({left:0,avoidTransforms:false},d.options.transition_speed,function(){d.afterAnimation()});e.animate({left:-d.$el.width(),avoidTransforms:false},d.options.transition_speed);break;case 7:case"carouselLeft":g.animate({left:-d.$el.width()},0).css("visibility","visible").animate({left:0,avoidTransforms:false},d.options.transition_speed,function(){d.afterAnimation()});e.animate({left:d.$el.width(),avoidTransforms:false},d.options.transition_speed);break}return false};d.prevSlide=function(){if(vars.in_animation||!api.options.slideshow){return false}else{vars.in_animation=true}clearInterval(vars.slideshow_interval);var h=d.options.slides,e=d.$el.find(".activeslide");a(".prevslide").removeClass("prevslide");e.removeClass("activeslide").addClass("prevslide");vars.current_slide==0?vars.current_slide=d.options.slides.length-1:vars.current_slide--;var g=a(d.el+" li:eq("+vars.current_slide+")"),i=d.$el.find(".prevslide");if(d.options.performance==1){d.$el.removeClass("quality").addClass("speed")}loadSlide=vars.current_slide;var k=d.el+" li:eq("+loadSlide+")";if(!a(k).html()){var j=d.options.new_window?' target="_blank"':"";imageLink=(d.options.slides[loadSlide].url)?"href='"+d.options.slides[loadSlide].url+"'":"";var f=a('<img src="'+d.options.slides[loadSlide].image+'"/>');f.appendTo(k).wrap("<a "+imageLink+j+"></a>").parent().parent().addClass("image-loading").css("visibility","hidden");f.load(function(){d._origDim(a(this));d.resizeNow()})}if(d.options.thumbnail_navigation==1){loadSlide==0?prevThumb=d.options.slides.length-1:prevThumb=loadSlide-1;a(vars.prev_thumb).html(a("<img/>").attr("src",d.options.slides[prevThumb].image));vars.current_slide==d.options.slides.length-1?nextThumb=0:nextThumb=vars.current_slide+1;a(vars.next_thumb).html(a("<img/>").attr("src",d.options.slides[nextThumb].image))}if(typeof theme!="undefined"&&typeof theme.beforeAnimation=="function"){theme.beforeAnimation("prev")}if(d.options.slide_links){a(".current-slide").removeClass("current-slide");a(vars.slide_list+"> li").eq(vars.current_slide).addClass("current-slide")}g.css("visibility","hidden").addClass("activeslide");switch(d.options.transition){case 0:case"none":g.css("visibility","visible");vars.in_animation=false;d.afterAnimation();break;case 1:case"fade":g.animate({opacity:0},0).css("visibility","visible").animate({opacity:1,avoidTransforms:false},d.options.transition_speed,function(){d.afterAnimation()});break;case 2:case"slideTop":g.animate({top:d.$el.height()},0).css("visibility","visible").animate({top:0,avoidTransforms:false},d.options.transition_speed,function(){d.afterAnimation()});break;case 3:case"slideRight":g.animate({left:-d.$el.width()},0).css("visibility","visible").animate({left:0,avoidTransforms:false},d.options.transition_speed,function(){d.afterAnimation()});break;case 4:case"slideBottom":g.animate({top:-d.$el.height()},0).css("visibility","visible").animate({top:0,avoidTransforms:false},d.options.transition_speed,function(){d.afterAnimation()});break;case 5:case"slideLeft":g.animate({left:d.$el.width()},0).css("visibility","visible").animate({left:0,avoidTransforms:false},d.options.transition_speed,function(){d.afterAnimation()});break;case 6:case"carouselRight":g.animate({left:-d.$el.width()},0).css("visibility","visible").animate({left:0,avoidTransforms:false},d.options.transition_speed,function(){d.afterAnimation()});e.animate({left:0},0).animate({left:d.$el.width(),avoidTransforms:false},d.options.transition_speed);break;case 7:case"carouselLeft":g.animate({left:d.$el.width()},0).css("visibility","visible").animate({left:0,avoidTransforms:false},d.options.transition_speed,function(){d.afterAnimation()});e.animate({left:0},0).animate({left:-d.$el.width(),avoidTransforms:false},d.options.transition_speed);break}return false};d.playToggle=function(){if(vars.in_animation||!api.options.slideshow){return false}if(vars.is_paused){vars.is_paused=false;if(typeof theme!="undefined"&&typeof theme.playToggle=="function"){theme.playToggle("play")}vars.slideshow_interval=setInterval(d.nextSlide,d.options.slide_interval)}else{vars.is_paused=true;if(typeof theme!="undefined"&&typeof theme.playToggle=="function"){theme.playToggle("pause")}clearInterval(vars.slideshow_interval)}return false};d.goTo=function(f){if(vars.in_animation||!api.options.slideshow){return false}var e=d.options.slides.length;if(f<0){f=e}else{if(f>e){f=1}}f=e-f+1;clearInterval(vars.slideshow_interval);if(typeof theme!="undefined"&&typeof theme.goTo=="function"){theme.goTo()}if(vars.current_slide==e-f){if(!(vars.is_paused)){vars.slideshow_interval=setInterval(d.nextSlide,d.options.slide_interval)}return false}if(e-f>vars.current_slide){vars.current_slide=e-f-1;vars.update_images="next";d._placeSlide(vars.update_images)}else{if(e-f<vars.current_slide){vars.current_slide=e-f+1;vars.update_images="prev";d._placeSlide(vars.update_images)}}if(d.options.slide_links){a(vars.slide_list+"> .current-slide").removeClass("current-slide");a(vars.slide_list+"> li").eq((e-f)).addClass("current-slide")}if(d.options.thumb_links){a(vars.thumb_list+"> .current-thumb").removeClass("current-thumb");a(vars.thumb_list+"> li").eq((e-f)).addClass("current-thumb")}};d._placeSlide=function(e){var h=d.options.new_window?' target="_blank"':"";loadSlide=false;if(e=="next"){vars.current_slide==d.options.slides.length-1?loadSlide=0:loadSlide=vars.current_slide+1;var g=d.el+" li:eq("+loadSlide+")";if(!a(g).html()){var h=d.options.new_window?' target="_blank"':"";imageLink=(d.options.slides[loadSlide].url)?"href='"+d.options.slides[loadSlide].url+"'":"";var f=a('<img src="'+d.options.slides[loadSlide].image+'"/>');f.appendTo(g).wrap("<a "+imageLink+h+"></a>").parent().parent().addClass("image-loading").css("visibility","hidden");f.load(function(){d._origDim(a(this));d.resizeNow()})}d.nextSlide()}else{if(e=="prev"){vars.current_slide-1<0?loadSlide=d.options.slides.length-1:loadSlide=vars.current_slide-1;var g=d.el+" li:eq("+loadSlide+")";if(!a(g).html()){var h=d.options.new_window?' target="_blank"':"";imageLink=(d.options.slides[loadSlide].url)?"href='"+d.options.slides[loadSlide].url+"'":"";var f=a('<img src="'+d.options.slides[loadSlide].image+'"/>');f.appendTo(g).wrap("<a "+imageLink+h+"></a>").parent().parent().addClass("image-loading").css("visibility","hidden");f.load(function(){d._origDim(a(this));d.resizeNow()})}d.prevSlide()}}};d._origDim=function(e){e.data("origWidth",e.width()).data("origHeight",e.height())};d.afterAnimation=function(){if(d.options.performance==1){d.$el.removeClass("speed").addClass("quality")}if(vars.update_images){vars.current_slide-1<0?setPrev=d.options.slides.length-1:setPrev=vars.current_slide-1;vars.update_images=false;a(".prevslide").removeClass("prevslide");a(d.el+" li:eq("+setPrev+")").addClass("prevslide")}vars.in_animation=false;if(!vars.is_paused&&d.options.slideshow){vars.slideshow_interval=setInterval(d.nextSlide,d.options.slide_interval);if(d.options.stop_loop&&vars.current_slide==d.options.slides.length-1){d.playToggle()}}if(typeof theme!="undefined"&&typeof theme.afterAnimation=="function"){theme.afterAnimation()}return false};d.getField=function(e){return d.options.slides[vars.current_slide][e]};d.init()};a.supersized.vars={thumb_tray:"#thumb-tray",thumb_list:"#thumb-list",slide_list:"#slide-list",current_slide:0,in_animation:false,is_paused:false,hover_pause:false,slideshow_interval:false,update_images:false,options:{}};a.supersized.defaultOptions={slideshow:1,autoplay:1,start_slide:1,stop_loop:0,random:0,slide_interval:5000,transition:1,transition_speed:750,new_window:1,pause_hover:0,keyboard_nav:1,performance:1,image_protect:1,fit_always:0,fit_landscape:0,fit_portrait:1,min_width:0,min_height:0,horizontal_center:1,vertical_center:1,slide_links:1,thumb_links:1,thumbnail_navigation:0};a.fn.supersized=function(b){return this.each(function(){(new a.supersized(b))})}})(jQuery); | ... | ... |
js/unit.js
... | ... | @@ -9,25 +9,6 @@ sysComm = { |
9 | 9 | } |
10 | 10 | |
11 | 11 | |
12 | -//var baseUrl = 'http://localhost:8089/';// url公用地址 | |
13 | -//var parkcloudbaseUrl = 'http://localhost:8099/';// url公用地址 | |
14 | -// var authUrl = 'http://localhost:8089/';// 鉴权URL公用地址192.168.1.196:8090 | |
15 | - | |
16 | -//阿里云环境,别删 | |
17 | -var baseUrl='http://106.15.191.5:8088/' | |
18 | -var parkcloudbaseUrl='http://106.15.191.5:8093/' | |
19 | -var authUrl='http://106.15.191.5:8088/' | |
20 | - | |
21 | -//47 测试环境,别删 | |
22 | -// var baseUrl = 'http://47.96.41.38:8088/';// url公用地址 | |
23 | -// var parkcloudbaseUrl = 'http://47.96.41.38:8093/';// url公用地址 | |
24 | -// var authUrl = 'http://47.96.41.38:8088/';// 鉴权URL公用地址 | |
25 | - | |
26 | -//demo环境,别删 | |
27 | -// var baseUrl = 'http://47.96.41.88:18088/';// url公用地址 | |
28 | -// var parkcloudbaseUrl = 'http://47.96.41.88:18093/';// url公用地址 | |
29 | -// var authUrl = 'http://47.96.41.88:18088/';// 鉴权URL公用地址 | |
30 | - | |
31 | 12 | var dataUrl = dataUrl || {}; |
32 | 13 | |
33 | 14 | // dataUrl.util = { |
... | ... | @@ -117,6 +98,7 @@ fn = { |
117 | 98 | sysAjax(req); |
118 | 99 | |
119 | 100 | } |
101 | + $('#userId').text(''); | |
120 | 102 | fn.toLoginPage(); |
121 | 103 | } |
122 | 104 | ... | ... |
league.html
... | ... | @@ -8,6 +8,7 @@ |
8 | 8 | <meta http-equiv="cache-control" content="no-cache"> |
9 | 9 | <meta http-equiv="expires" content="0"> |
10 | 10 | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> |
11 | + <meta name="viewport" content="width=1200"> | |
11 | 12 | <title>加盟</title> |
12 | 13 | <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"> |
13 | 14 | <link rel="stylesheet" href="css/common.css?a=1"> | ... | ... |
login.html
... | ... | @@ -9,10 +9,12 @@ |
9 | 9 | <meta http-equiv="cache-control" content="no-cache"> |
10 | 10 | <meta http-equiv="expires" content="0"> |
11 | 11 | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> |
12 | + <meta name="viewport" content="width=1200"> | |
12 | 13 | <title>登录</title> |
13 | 14 | <link rel="stylesheet" href="css/common.css"> |
14 | 15 | <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"> |
15 | 16 | <link rel="stylesheet" href="css/login.css"> |
17 | + <script src="js/config.js"></script> | |
16 | 18 | <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> |
17 | 19 | </head> |
18 | 20 | <body class=" login"> |
... | ... | @@ -32,45 +34,41 @@ |
32 | 34 | |
33 | 35 | <div class="content"> |
34 | 36 | <!-- BEGIN LOGIN FORM --> |
35 | - <div class="text-center" style="margin: 36px 0"> | |
36 | - <img src="img/login-logo-icon.png"> | |
37 | + <div class=" login-title"> | |
38 | + 账户登录 | |
37 | 39 | </div> |
38 | - <div class="form-group"> | |
39 | - <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that--> | |
40 | + <div class="login-main"> | |
41 | + <div class="form-group"> | |
42 | + <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that--> | |
40 | 43 | |
41 | - <input class="form-control form-control-solid placeholder-no-fix" type="text" autocomplete="off" placeholder="请输入用户名" name="username" id="userName" maxlength="25"> | |
42 | - <div class="alert-danger display-hide error_ifo"> | |
43 | - <span>请输入正确的邮箱 </span> | |
44 | + <span class="login-user-bg"></span><input class="form-control form-control-solid placeholder-no-fix" type="text" autocomplete="off" placeholder="请输入用户名" name="username" id="userName" maxlength="25"> | |
45 | + <div class="alert-danger display-hide error_ifo"> | |
46 | + <span>请输入正确的邮箱 </span> | |
47 | + </div> | |
44 | 48 | </div> |
45 | - </div> | |
46 | 49 | |
47 | - <div class="form-group"> | |
50 | + <div class="form-group"> | |
48 | 51 | |
49 | - <input class="form-control form-control-solid placeholder-no-fix" type="password" autocomplete="off" placeholder="请输入6-20位字母和数字组成的密码" name="password" maxlength="20" id="password"> | |
50 | - <div class="alert-danger display-hide error_ifo"> | |
51 | - <span>请输入正确密码</span> | |
52 | + <span class=" login-pwd-bg"></span><input class="form-control form-control-solid placeholder-no-fix" type="password" autocomplete="off" placeholder="请输入6-20位字母和数字组成的密码" name="password" maxlength="20" id="password"> | |
53 | + <div class="alert-danger display-hide error_ifo"> | |
54 | + <span>请输入正确密码</span> | |
55 | + </div> | |
52 | 56 | </div> |
53 | - </div> | |
54 | - <div id="slide_box"> | |
55 | - <div id="slide_xbox"> | |
56 | - <div id="btn"></div> | |
57 | + <div id="slide_box"> | |
58 | + <div id="slide_xbox"> | |
59 | + <div id="btn"></div> | |
60 | + </div> | |
61 | + 拖动滑块验证 | |
57 | 62 | </div> |
58 | - 拖动滑块验证 | |
59 | - </div> | |
60 | 63 | |
61 | - <!--<div class="form-group" style="position: relative">--> | |
62 | - <!--<i class="verification-logo"></i>--> | |
63 | - <!--<input class="form-control form-control-solid placeholder-no-fix verification-input" type="text" autocomplete="off" placeholder="请输入验证码" name="" maxlength="4" id="login_imgCode_value"/><div class="imgWrap"><img src="" id="login_imgCode"> </div>--> | |
64 | - <!--<!–<div class="alert-danger display-hide error_ifo">–>--> | |
65 | - <!--<!–<span>请输入正确验证码 </span>–>--> | |
66 | - <!--<!–</div>–>--> | |
67 | - <!--</div>--> | |
68 | - <div id="login_error_ifo" class="login_error_ifo"> | |
64 | + <div id="login_error_ifo" class="login_error_ifo"> | |
69 | 65 | |
66 | + </div> | |
67 | + <div class="form-actions"> | |
68 | + <button type="button" class="btn uppercase" id="login-btn">登录</button> | |
69 | + </div> | |
70 | 70 | </div> |
71 | - <div class="form-actions"> | |
72 | - <button type="button" class="btn uppercase" id="login-btn">登录</button> | |
73 | - </div> | |
71 | + | |
74 | 72 | |
75 | 73 | |
76 | 74 | |
... | ... | @@ -78,6 +76,8 @@ |
78 | 76 | <script src="js/jquery.min.js"></script> |
79 | 77 | <script src="js/unit.js"></script> |
80 | 78 | <script src="bootstrap/js/bootstrap.min.js"></script> |
79 | + <script src="js/supersized.3.2.7.min.js"></script> | |
80 | + <script src="js/supersized-init.js?a=1"></script> | |
81 | 81 | <script type="text/javascript"> |
82 | 82 | document.write("<s" + "cript type='text/javascript' src='js/login.js?ver" + Math.random() + "'></s" + "cript>"); |
83 | 83 | </script> | ... | ... |