├── .project
├── css
├── KV.css
├── action.css
├── caijing.css
├── foot.css
├── header.css
├── jingcai.css
├── kuaijie.css
├── nav.css
├── notice.css
├── search.css
└── zhuce.css
├── img
├── action_di.png
├── baby.jpg
├── cundai.png
├── daikuan.png
├── dong1.jpg
├── dong10.jpg
├── dong2.jpg
├── dong3.jpg
├── duobian.png
├── enter1.1.png
├── enter1.png
├── enter2.png
├── enter3.png
├── footer.png
├── fup3.png
├── huang.jpg
├── icbc.png
├── icon_quick1.png
├── kaihu.png
├── logo.png
├── qian.png
├── qian1.jpg
├── search_icon.png
├── serveTop1_1.png
├── serveTop2_1.png
├── serveTop3_1.png
├── serveTop4_1.png
├── serveTop5_1.png
├── servedown119.png
├── shenqing.png
├── shouce.jpg
├── suixin.jpg
├── suixin.png
├── sx.png
├── tzlc_iconE.png
├── tzlc_iconK2.png
├── tzlc_iconZ.png
├── yijia.jpg
├── yue.png
├── zhu.jpg
└── zhuomian.jpg
├── index.html
├── js
└── js
│ ├── circlr.js
│ ├── common.js
│ ├── jquery-1.8.2.js
│ ├── jquery-3.1.1.js
│ ├── jquery-ui.css
│ ├── jquery-ui.js
│ ├── jquery-ui.min.js
│ ├── jquery.color.js
│ ├── jquery.easing.1.3.js
│ ├── jquery.jqzoom-core.js
│ ├── jquery.jqzoom.css
│ ├── jquery.lazyload.js
│ ├── jquery.min.js
│ ├── jquery.stellar.min.js
│ ├── layer.js
│ └── page.css
├── 个人金融.html
└── 注册.html
/.project:
--------------------------------------------------------------------------------
1 |
2 |
3 | ICBC
4 |
5 |
6 |
7 |
8 |
9 | com.aptana.ide.core.unifiedBuilder
10 |
11 |
12 |
13 |
14 |
15 | com.aptana.projects.webnature
16 |
17 |
18 |
--------------------------------------------------------------------------------
/css/KV.css:
--------------------------------------------------------------------------------
1 | .KV{
2 | height: 380px;
3 | width: 100%;
4 | background-color: #ffffff;
5 | }
6 | .KV .KV-one{
7 | width: 1900px;
8 | height: 380px;
9 | margin: 0 auto;
10 | overflow: hidden;
11 | position: relative;
12 | }
13 | /* .KV .KV-lunbo{
14 | overflow: hidden;
15 | }
16 | .KV .KV-lunbo img{
17 | text-align: center;
18 | } */
19 | /* .KV .KV-enter .KV-one .KV-enter {
20 | z-index: 100;
21 | } */
22 |
23 |
24 |
25 | .KV .KV-enter{
26 | width: 220px;
27 | height: 280px;
28 | background-color: rgba(255, 255, 255, 0.8);
29 | padding: 34px 30px 26px 30px;
30 | position: absolute;
31 | top: 20px;
32 | left: 260px;
33 | z-index: 100;
34 |
35 | }
36 | .enter-one a,.enter-three a,.enter-five a{
37 | display: block;
38 | width: 190px;
39 | height: 43px;
40 | text-decoration: none;
41 | color: #ffffff;
42 | text-align: center;
43 | line-height: 43px;
44 | padding-left: 30px;
45 | }
46 | .enter-one a{
47 | background: url(../img/enter1.png);
48 | }
49 | .enter-three a{
50 | margin-top: 10px;
51 | background:url(../img/enter2.png);
52 | }
53 | .enter-five a{
54 | margin-top: 10px;
55 | background:url(../img/enter3.png);
56 | }
57 | .enter-one img,.enter-three img {
58 | margin-left: 25px;
59 | }
60 |
61 | .KV-enter .enter-two,.KV-enter .enter-four,.KV-enter .enter-six{
62 | width: 220px;
63 | margin-top: 10px;
64 | }
65 | .KV-enter table{
66 | border-collapse: collapse;
67 | border-spacing: 0;
68 | font-size: inherit;
69 | }
70 | .KV-enter table tr{
71 | display: table-row;
72 | vertical-align: inherit;
73 | border-color: inherit;
74 | }
75 | .KV-enter table td{
76 | font-size: 12px;
77 | width: 79px;
78 | text-align: center;
79 | height: 22px;
80 | cursor: pointer;
81 | }
82 | .KV-enter .enter-two a,.KV-enter .enter-four a,.KV-enter .enter-six a{
83 | color: black;
84 | text-decoration: none;
85 | }
86 | .KV-enter .enter-two a:hover,.KV-enter .enter-four a:hover,.KV-enter .enter-six a:hover{
87 | color:red;
88 | }
89 |
90 |
91 |
92 |
93 |
94 | .container {
95 | width: 100%;
96 | height: 400px;
97 | /* margin-left: 0px;
98 | margin-right: auto; */
99 |
100 | }
101 |
102 | .slider {
103 | width: 100%;
104 | height: 100%;
105 | /* position: relative; */
106 | /* margin-top: 30px; */
107 | }
108 |
109 | .slider img {
110 | max-width: 100%;
111 | max-height: 100%;
112 | }
113 |
114 | .slider ul.pic {
115 | list-style: none;
116 | width: 100%;
117 | height: 100%;
118 | padding-left: 0;
119 | margin: 0;
120 | }
121 |
122 | .slider .item {
123 | position: absolute;
124 | opacity: 0;
125 | transition: all 1s;
126 | }
127 |
128 | .slider .btn {
129 | width: 50px;
130 | height: 100px;
131 | position: absolute;
132 | top: 150px;
133 | font-size: 40px;
134 | background: rgba(0,0,0,0.1);
135 | border: 0;
136 | outline: 0;
137 | z-index: 100;
138 | }
139 |
140 | .slider .next {
141 | right: 380px;
142 | }
143 |
144 | .item.active {
145 | z-index: 10;
146 | opacity: 1;
147 | }
148 |
149 | .slider ul.pointlist {
150 | list-style: none;
151 | position: absolute;
152 | right: 465px;
153 | bottom: 0;
154 | z-index: 100;
155 | }
156 |
157 | .point {
158 | width: 40px;
159 | height: 3px;
160 | background: red;
161 | border-radius: 10%;
162 | float: left;
163 | margin-left: 30px;
164 | margin-bottom: 20px;
165 | border: 1px solid white;
166 | }
167 |
168 | .point.active {
169 | background: orange;
170 | }
171 |
--------------------------------------------------------------------------------
/css/action.css:
--------------------------------------------------------------------------------
1 | .action_T a{
2 | text-decoration: none;
3 | color: #0d131a;
4 | }
5 | .action_T li{
6 | list-style: none;
7 | }
8 | .action_T{
9 | width: 100%;
10 | height: 870px;
11 | background-color: #ffffff;
12 | }
13 | .action-one{
14 | width: 1000px;
15 | height: 650px;
16 | margin: 0 auto;
17 | }
18 | .action_T .action_T-tit{
19 | /* background: url(../img/action_T_tit.png) no-repeat; */
20 | width: 368px;
21 | height: 59px;
22 | margin: 0 auto;
23 | position: relative;
24 | top: -12px;
25 | z-index: 1;
26 | }
27 | .action_T .action_T-tid{
28 | width: 1000px;
29 | height: 50px;
30 | margin: 0 auto;
31 | position: relative;
32 | top: -12px;
33 | z-index: 1;
34 | }
35 |
36 | .action_T-text span{
37 | width: 6px;
38 | height: 24px;
39 | display: block;
40 | background-color: #ff6029;
41 | position: absolute;
42 | }
43 | .action_T-text p{
44 | display: inline-block;
45 | padding-left: 14px;
46 | font-size: 24px;
47 | color: #0d131a;
48 | height: 24px;
49 | line-height: 24px;
50 | }
51 | .action_T-di{
52 | width: 100%;
53 | height: 7px;
54 | background:url(../img/action_di.png) center top repeat-x;
55 | position: relative;
56 | top: 8px;
57 | }
58 |
59 | /* .tzlc{
60 | width: 1000px;
61 | height: auto;
62 | position: relative;
63 | top: 25px;
64 | left: 0
65 | }
66 | #tab-t{
67 | width: 663px;
68 | height: 45px;
69 | border-bottom: 1px solid #e5e5e5;
70 | }
71 | #tab-t li{
72 | float: left;
73 | height: 45px;
74 | line-height: 45px;
75 | width: 105px;
76 | text-align: center;
77 | font-size: 18px;
78 | cursor: pointer;
79 | margin-left: 10px;
80 | color: #0d131a;
81 | }
82 | #tab-t li.on p{
83 | border-bottom: 3px solid #ff6200;
84 | }
85 |
86 | #tab-c{
87 | width: 663px;
88 | height: 460px;
89 | border: 1px solid black;
90 | }
91 |
92 | .tzlc1-left{
93 | width: 675px;
94 | height: 100%;
95 | }
96 | .tzlc1-left_top{
97 | padding-top: 38px;
98 | height: 30px;
99 | position: relative;
100 | }
101 | .tzlc1-left_top-one{
102 | position: absolute;
103 | top: 15px;
104 | left: 0;
105 | }
106 | .tzlc1-left_top p{
107 | position: absolute;
108 | top: 20px;
109 | left: 120px;
110 | font-size: 14px;
111 | cursor: pointer;
112 | }
113 |
114 | .tzlc1-left_top a{
115 | position: absolute;
116 | top: 20px;
117 | right: 45px;
118 | }
119 | .tzlc1-left_top p:hover,.tzlc1-left_top a:hover{
120 | color: red;
121 | }
122 | .tzlc1-left_top-two{
123 | position: absolute;
124 | top: 22px;
125 | right: 15px;
126 | }
127 | .tzlc1-left_top-footer{
128 | width: 663px;
129 | height: 365px;
130 | }
131 | .tzlc1-left_top-footer .l,.tzlc1-left_top-footer .r{
132 | width: 325px;
133 | }
134 | .tzlc_title p{
135 | width: 100%;
136 | position: relative;
137 | padding-left: 32px;
138 | font-size: 16px;
139 | color: #0d131a;
140 | height: 20px;
141 | line-height: 20px;
142 | }
143 | .tzlc1-left_top-footer .Z span{
144 | position: absolute;
145 | height: 20px;
146 | width: 20px;
147 | background:url(../img/tzlc_iconZ.png) no-repeat center center;
148 | left: 5px;
149 | }
150 |
151 | .tzlc_main{
152 | width: 100%;
153 | border: 1px solid #e5e5e5;
154 | position: relative;
155 | top: 8px;
156 | height: 328px;
157 | }
158 | .tzlc_main dl{
159 | padding-top: 26px;
160 | }
161 | .tzlc_main dd{
162 | padding-bottom: 20px;
163 | }
164 | .tzlc_main h4{
165 | font-size: 18px;
166 | color: #0d131a;
167 | text-align: center;
168 | }
169 | .tzlc_main p{
170 | font-size: 14px;
171 | color: #999999;
172 | text-align: center;
173 | }
174 | .tzlc_main h2{
175 | text-align: center;
176 | font-size: 28px;
177 | color: #ff6200;
178 | }
179 | .tzlc_main h1{
180 | font-size: 14px;
181 | color: #0d131a;
182 | text-align: center;
183 | }
184 | .tzlc_main dd .tzlc_btn{
185 | width: 180px;
186 | height: 38px;
187 | line-height:38px;
188 | columns: #ffff;
189 | font-size: 18px;
190 | background-color: #ff6200;
191 | text-align: center;
192 | margin: 0 auto;
193 | display: block;
194 | cursor: pointer;
195 | }
196 | .r{
197 | float: right;
198 | }
199 | .tzlc1-left_top-footer .E span{
200 | position: absolute;
201 | height: 20px;
202 | width: 20px;
203 | background: url(../img/tzlc_iconE.png) no-repeat center center;
204 | left: 5px;
205 | } */
206 | .action_T .pinzhi {
207 | width: 250px;
208 | height: 181px;
209 | /* border: 1px solid black; */
210 | margin: 0 ;
211 | position: absolute;
212 | background-image: url(../img/qian1.jpg);
213 | }
214 |
215 | .pinzhi .pinzhi_nei .pinzhishenghuo {
216 | font-size: 24px;
217 | line-height: 38px;
218 | color: #FFFFFF;
219 | margin-bottom: 15px;
220 | padding-top: 35px;
221 | /* left: 60px; */
222 | /* border: 1px solid black; */
223 | }
224 | .pinzhi .pinzhi_nei .pinzhi_nei_pic {
225 | padding-top: 35px;
226 | margin-bottom: 15px;
227 | float: left;
228 | margin-left: 20px;
229 | }
230 | .pinzhi_neit a {
231 | background: url(../img/daikuan.png);
232 | width: 97px;
233 | height: 26px;
234 | font-size: 16px;
235 | line-height: 26px;
236 | color: #FFFFFF;
237 | text-align: center;
238 | display: inline-block;
239 | margin-left: 70px;
240 | }
241 | .yijia {
242 | width: 742px;
243 | height: 181px;
244 | text-align: center;
245 | padding-top: 1px;
246 | position: relative;
247 | margin-left: 257px;
248 | }
249 | .yijia .yijia_nei {
250 | border: 1px solid #e5e5e5;
251 | text-align: left;
252 | overflow: hidden;
253 | width: auto;
254 | height: 180px;
255 | margin-top: -1px;
256 | position: relative;
257 | }
258 | .yijia .yijia_nei img {
259 | width: 300px;
260 | height: 180px;
261 | position: absolute;
262 | top: 0;
263 | left: 0;
264 | }
265 | .yijia .yijia_nei h3 {
266 | padding-left: 310px;
267 | padding-top: 60px;
268 | font-size: 20px;
269 | line-height: 30px;
270 | color: #0d131a;
271 | }
272 | .yijia .yijia_nei p {
273 | padding-left: 310px;
274 | padding-top: 10px;
275 | font-size: 16px;
276 | line-height: 22px;
277 | color: #686868;
278 | }
279 | .yijia .yijia_nei .chakan {
280 | width: 75px;
281 | height: 26px;
282 | background: #ff6200;
283 | font-size: 14px;
284 | line-height: 26px;
285 | color: #FFFFFF;
286 | text-align: center;
287 | display: inline-block;
288 | position: absolute;
289 | top: 80px;
290 | right: 30px;
291 | }
292 |
293 |
294 |
295 |
296 |
297 |
--------------------------------------------------------------------------------
/css/caijing.css:
--------------------------------------------------------------------------------
1 | .mainColle {
2 | overflow: hidden;
3 | width: auto;
4 | height: auto;
5 | padding: 30px 0;
6 | background: #f2f2f2;
7 | }
8 | .w-center {
9 | /* min-width: 1000px; */
10 | margin: auto;
11 | max-width: 1000px;
12 | }
13 | .mainColle .colleLeft {
14 | width: 663px;
15 | height: auto;
16 | float: left;
17 | }
18 | .mainColle .colleRight {
19 | width: 325px;
20 | height: auto;
21 | float: right;
22 | }
23 | .pfBox {
24 | border: 1px solid #E5E5E5;
25 | background: #FFFFFF;
26 | padding: 15px 24px;
27 | }
28 | .pfBox .bTit {
29 | background: url(//v.icbc.com.cn/userfiles/Resources/ICBC/grjr/images/2018/head_line1.png) no-repeat left center;
30 | padding-left: 12px;
31 | width: auto;
32 | height: 40px;
33 | font-size: 18px;
34 | line-height: 40px;
35 | color: #0d131a;
36 | text-align: left;
37 | }
38 | .pfBox {
39 | border: 1px solid #E5E5E5;
40 | background: #FFFFFF;
41 | padding: 15px 24px;
42 | }
43 | .mainColle .colleRight {
44 | width: 325px;
45 | height: auto;
46 | float: right;
47 | }
48 | .mainColle .colleLeft .pfBox {
49 | height: 268px;
50 | }
51 | .pfBox {
52 | border: 1px solid #E5E5E5;
53 | background: #FFFFFF;
54 | padding: 15px 24px;
55 | }
56 |
57 | .pfBox .bImgs {
58 | text-align: left;
59 | }
60 | .pfBox .bImgs ul {
61 | margin-left: -20px;
62 | zoom: 1;
63 | overflow: hidden;
64 | }
65 | .pfBox .bImgs li {
66 | width: 296px;
67 | height: auto;
68 | float: left;
69 | margin-left: 20px;
70 | }
71 | li {
72 | list-style: none;
73 | }
74 | a {
75 | text-decoration: none;
76 | }
77 |
78 | a {
79 | text-decoration: none;
80 | color: #0d131a;
81 | }
82 | a, body, img, li, ul {
83 | border: 0;
84 | outline: 0;
85 | }
86 | a:-webkit-any-link {
87 | /* color: black; */
88 | cursor: pointer;
89 |
90 | }
91 | li {
92 | list-style: none;
93 | }
94 | .pfBox .bImgs img {
95 | width: 294px;
96 | height: 138px;
97 | border: 1px solid #E5E5E5;
98 | margin-bottom: 10px;
99 | }
100 | fieldset, img {
101 | border: 0;
102 | display: block;
103 | }
104 |
105 | fieldset, img {
106 | border: 0;
107 | display: block;
108 | }
109 | a, body, img, li, ul {
110 | border: 0;
111 | outline: 0;
112 | }
113 |
114 | a {
115 | text-decoration: none;
116 | color: #0d131a;
117 | }
118 |
119 | a:-webkit-any-link {
120 | /* color: -webkit-link; */
121 | cursor: pointer;
122 | }
123 | li {
124 | list-style: none;
125 | }
126 | .pfBox .bImgs p {
127 | padding: 15px 0;
128 | font-size: 16px;
129 | line-height: 24px;
130 | color: #0d131a;
131 | }
132 | p {
133 | display: block;
134 | margin-block-start: 1em;
135 | margin-block-end: 1em;
136 | margin-inline-start: 0px;
137 | margin-inline-end: 0px;
138 | }
--------------------------------------------------------------------------------
/css/foot.css:
--------------------------------------------------------------------------------
1 | .w-center {
2 | min-width: 1000px;
3 | margin: auto;
4 | max-width: 1000px;
5 | }
6 | .footer{
7 | width: 100%;
8 | height: 60px;
9 | background-color: #474747;
10 | }
11 |
12 | .footer ul{
13 | list-style: none;
14 | display: inline-block;
15 | }
16 | .footer li{
17 | display: inline-block;
18 | }
19 | .footer li a{
20 | text-align: center;
21 | margin-left: 10px;
22 | color: #999999;
23 | line-height: 60px;
24 | font-size: 14px;
25 | text-decoration: none;
26 | }
27 | .footer li span{
28 | color: #999999;
29 | margin-left: 10px;
30 | font-size: 14px;
31 | }
32 | .footer span{
33 | color: #999999;
34 | font-size: 14px;
35 | margin-left: 140px;
36 | }
37 | .footer a{
38 | text-align: center;
39 | margin-left: 10px;
40 | color: #999999;
41 | line-height: 60px;
42 | font-size: 14px;
43 | text-decoration: none;
44 | }
45 | .footer .w-center{
46 | position: relative;
47 | }
48 | .footer img {
49 | position: absolute;
50 | top: 11px;
51 | right: 0;
52 | }
--------------------------------------------------------------------------------
/css/header.css:
--------------------------------------------------------------------------------
1 | *{
2 | margin: 0;
3 | padding: 0;
4 | }
5 | body{
6 | width: auto;
7 | }
8 | .header{
9 | width: 100%;
10 | height: 34px;
11 | background-color: #f2f2f2;
12 | }
13 | .header-one{
14 | width: 1000px;
15 | margin: 0 auto;
16 | }
17 | .header-left{
18 | float: left;
19 | }
20 | .header-left a{
21 | display: inline-block;
22 | width:90px;
23 | text-decoration: none;
24 | text-align: center;
25 | line-height: 34px;
26 | color: black;
27 | font-size: 14px;
28 | }
29 | .header-left .header-left-one{
30 | background-color: #c7000b;
31 | color: white;
32 | }
33 |
34 |
35 |
36 | .header p{
37 | display: inline-block;
38 | width:100px;
39 | text-decoration: none;
40 | text-align: center;
41 | line-height: 4px;
42 | font-size: 14px;
43 | margin-left: 100px;
44 | }
45 | .header-right{
46 | list-style: none;
47 | float: right;
48 | }
49 | .header-right li{
50 | display: inline-block;
51 | }
52 | .header-right li a{
53 | text-decoration: none;
54 | text-align: center;
55 | line-height: 34px;
56 | color: black;
57 | font-size: 14px;
58 | margin:0 10px 0 10px;
59 | }
60 | .header-right li a:hover{
61 | color:#c7000b;
62 | }
63 | .header-right li span{
64 | color: rgb(226, 225, 225);
65 | }
66 |
--------------------------------------------------------------------------------
/css/jingcai.css:
--------------------------------------------------------------------------------
1 |
2 | .mainColle {
3 | overflow: hidden;
4 | width: 100%;
5 | height: 300px;
6 | padding: 30px 0;
7 | background: #f2f2f2;
8 | position: relative;
9 | margin: 0 auto;
10 | }
11 | .w-center {
12 | width: 1000px;
13 | margin: auto;
14 | }
15 | .autu{
16 | width: 1900px;
17 | margin: 0 auto;
18 |
19 | }
20 | /* .mainColle .colleLeft .pfBox {
21 | height: 268px;
22 | } */
23 | .pfBox {
24 | border: 1px solid #E5E5E5;
25 | background: #FFFFFF;
26 | padding: 15px 24px;
27 | }
28 | ul {
29 | display: block;
30 | list-style-type: disc;
31 | margin-block-start: 1em;
32 | margin-block-end: 1em;
33 | margin-inline-start: 0px;
34 | margin-inline-end: 0px;
35 | padding-inline-start: 40px;
36 | }
37 |
38 | }
39 | .mainColle .colleLeft {
40 | width: 663px;
41 | height: auto;
42 | float: left;
43 | }
44 | .mainColle .colleLeft .pfBox {
45 | margin-left: 0;
46 | height: 268px;
47 | width: 660px;
48 | /* position: absolute; */
49 | left: 255px;
50 | }
51 | .pfBox .bTit {
52 | background: url(//v.icbc.com.cn/userfiles/Resources/ICBC/grjr/images/2018/head_line1.png) no-repeat left center;
53 | padding-left: 12px;
54 | width: auto;
55 | height: 40px;
56 | font-size: 18px;
57 | line-height: 40px;
58 | color: #0d131a;
59 | text-align: left;
60 | }
61 | .pfBox .bImgs {
62 | text-align: left;
63 | }
64 | .pfBox .bImgs ul {
65 | margin-left: -20px;
66 | zoom: 1;
67 | overflow: hidden;
68 | }
69 | ul {
70 | display: block;
71 | list-style-type: disc;
72 | margin-block-start: 1em;
73 | margin-block-end: 1em;
74 | margin-inline-start: 0px;
75 | margin-inline-end: 0px;
76 | padding-inline-start: 40px;
77 | }
78 | .pfBox .bImgs li {
79 | width: 296px;
80 | height: auto;
81 | float: left;
82 | margin-left: 20px;
83 | }
84 | a {
85 | text-decoration: none;
86 | color: #000000;
87 | }
88 | .mainColle .colleRight {
89 | width: 325px;
90 | height: auto;
91 | float: right;
92 | }
93 | .mainColle .colleRight .pfBox {
94 | height: 111px;
95 | }
96 | .pfBox.mb15{
97 |
98 | }
99 | .mb15 {
100 | margin-bottom: 15px;
101 | }
102 | .pfBox {
103 | border: 1px solid #E5E5E5;
104 | background: #FFFFFF;
105 | padding: 15px 24px;
106 | }
107 | .pfBox .bTit {
108 | background: url(//v.icbc.com.cn/userfiles/Resources/ICBC/grjr/images/2018/head_line1.png) no-repeat left center;
109 | padding-left: 12px;
110 | width: auto;
111 | height: 40px;
112 | font-size: 18px;
113 | line-height: 40px;
114 | color: #0d131a;
115 | text-align: left;
116 | }
117 | .pfBox .bList {
118 | text-align: left;
119 | }
120 | .pfBox .bList ul {
121 | border-top: 1px solid #E5E5E5;
122 | padding: 10px 0;
123 | }
124 | tbody {
125 | display: table-row-group;
126 | vertical-align: middle;
127 | border-color: inherit;
128 | }
129 | tr {
130 | display: table-row;
131 | vertical-align: inherit;
132 | border-color: inherit;
133 | }
134 | .pfBox .bImgs img {
135 | width: 294px;
136 | height: 138px;
137 | border: 1px solid #E5E5E5;
138 | margin-bottom: 10px;
139 |
140 | }
141 | fieldset, img {
142 | border: 0;
143 | display: block;
144 | }
145 | .pfBox .bImgs p {
146 | padding: 15px 0;
147 | font-size: 16px;
148 | line-height: 24px;
149 | color: #0d131a;
150 | }
--------------------------------------------------------------------------------
/css/kuaijie.css:
--------------------------------------------------------------------------------
1 | .kuaijie{
2 | width: 100%;
3 | height: 200px;
4 | background-color: #f2f2f2;
5 | }
6 | .kuaijie-one{
7 | width: 1200px;
8 | height: 200px;
9 | margin: -16px auto;
10 | }
11 | .kuaijie-one ul{
12 | display: block;
13 | list-style: none;
14 | margin-block-start: 1em;
15 | margin-block-end: 1em;
16 | padding-inline-start: 40px;
17 | }
18 | .kuaijie-one ul li{
19 | float: left;
20 | height: 150px;
21 | width: 190px;
22 | z-index: 2;
23 | display: list-item;
24 | text-align:center;
25 | }
26 |
27 | .kuaijie-one ul li .serveBoxTop{
28 | width: 292px;
29 | height: 60px;
30 | transition-duration: 0.2s;
31 | }
32 | .kuaijie-one .serveBoxTop{
33 | position: relative;
34 | top: 40px;
35 | }
36 | .kuaijie-one ul li .serveBoxTop img{
37 | width: 60px;
38 | height: 60px;
39 | display: block;
40 | margin: 0 auto;
41 | transition:all 0.2s ease-in-out;
42 | }
43 | .kuaijie-one ul li .serveBoxTop p{
44 | text-align: center;
45 | font-size: 18px;
46 | padding-top: 8px;
47 | }
48 | .serveBoxBottom{
49 | width: 192px;
50 | height: 24px;
51 | cursor: pointer;
52 | position: relative;
53 | top: 88px
54 | }
55 | .serveBoxBottom p{
56 | text-align: center;
57 | cursor: pointer;
58 | font-size: 14px;
59 | width: 192px;
60 | color: #686868
61 | }
62 | .serveBoxBottom p span{
63 | background: url(../img/sx.png) no-repeat;
64 | width: 9px;
65 | height: 6px;
66 | display: inline-block;
67 | margin-left: 2px;
68 | }
69 | .serveBoxDown{
70 | display: none;
71 | cursor: pointer;
72 | width: 192px;
73 | position: relative;
74 | top: 56px;
75 | z-index: 2;
76 | }
77 | .serveBoxDown img{
78 | width: 192px;
79 | }
80 | .serveBoxDown dl{
81 | width: 190px;
82 | height: 203px;
83 | position: absolute;
84 | top: 5px;
85 | }
86 | .serveBoxDown dl dd{
87 | width: 192px;
88 | height: 32.4px;
89 | line-height: 32.4px;
90 | float: none;
91 | margin-left: 5px;
92 | text-align: center;
93 | font-size: 14px;
94 | }
95 | .serveBoxDown dl dd a{
96 | text-decoration: none;
97 | color: #0d131a;
98 | }
--------------------------------------------------------------------------------
/css/nav.css:
--------------------------------------------------------------------------------
1 | .nav{
2 | height: 45px;
3 | width: 100%;
4 | background-color: #c7000b;
5 | z-index: 1000;
6 | }
7 | .nav-one{
8 | width: 1000px;
9 | height: 45px;
10 | margin: 0 auto;
11 | }
12 | .nav .nav-one ul{
13 | list-style: none;
14 | }
15 | .nav .nav-one li{
16 | float: left;
17 | font: normal 18px/45px "微软雅黑";
18 | color: #ffffff;
19 | }
20 | .nav .nav-one span{
21 | color: rgba(3, 3, 3, 0.281);
22 | }
23 | .nav .nav-one a{
24 | display: inline-block;
25 | width: 130px;
26 | height: 44px;
27 | text-decoration: none;
28 | color: #ffffff;
29 | text-align: center;
30 | }
31 | .nav .nav-one a:hover{
32 | background-color:rgb(182, 35, 35);
33 | }
--------------------------------------------------------------------------------
/css/notice.css:
--------------------------------------------------------------------------------
1 | .notice{
2 | width: 100%;
3 | height: 40px;
4 | background-color: #f2f2f2;
5 | border-bottom: 1px solid #e5e5e5;
6 | }
7 | .notice-one{
8 | width: 1000px;
9 | height: 40px;
10 | margin: 0 auto;
11 | position: relative;
12 | }
13 | .notice-one p{
14 | display: inline-block;
15 | line-height: 40px;
16 | }
17 |
18 | .notice_lb img{
19 | position: absolute;
20 | top: 10px;
21 | }
22 | .notice_lb span{
23 | position: absolute;
24 | left: 30px;
25 | top: 0;
26 | }
27 | .notice_main{
28 | margin-left: 130px;
29 | }
30 |
31 | .notice_more{
32 | position: absolute;
33 | top: 0;
34 | right: 0;
35 | }
36 | .notice_more img{
37 | position: absolute;
38 | top: 12px;
39 | }
40 | .notice_main a,.notice_more a{
41 | text-decoration: none;
42 | color: black;
43 | font-size: 14px;
44 | }
45 | .notice_main a:hover,.notice_more a:hover{
46 | color: red;
47 | }
--------------------------------------------------------------------------------
/css/search.css:
--------------------------------------------------------------------------------
1 | .search{
2 | height: 80px;
3 | width: 100%;
4 | background-color: #ffffff;
5 | }
6 | .search-one{
7 | width: 1000px;
8 | height: 80px;
9 | margin: 0 auto;
10 | position: relative;
11 | }
12 | .search .search-left{
13 | display: inline-block;
14 | margin-top: 20px;
15 | }
16 | .search-right .text{
17 | width: 194px;
18 | height: 35px;
19 | line-height: 35px;
20 | border:1px solid #e5e5e5;
21 | outline: none;
22 | color: #999999;
23 | text-indent: 15px;
24 | font-size: 14px;
25 | position: absolute;
26 | top: 20px;
27 | right: 53px;
28 | }
29 | .search-right a{
30 | width: 53px;
31 | height: 37px;
32 | position: absolute;
33 | top: 20px;
34 | right: 0;
35 | }
36 |
--------------------------------------------------------------------------------
/css/zhuce.css:
--------------------------------------------------------------------------------
1 | div.n_btn{
2 | width: 120px;
3 | height:30px;
4 | line-height:30px;
5 | background-color:#f4743f;
6 | font-size:16px;
7 | color:#fff;
8 | text-align: center;
9 | border: 0 none;
10 | cursor: pointer;
11 | min-width:30px;
12 | margin:0;
13 | font-weight:bold;
14 | font-family: 'microsoft yahei', Arial, Helvetica, sans-serif;
15 | }
16 | div.n_btn button{
17 | border: 0px;
18 | background-color: #F4743F;
19 | font-size:16px;
20 | color:#fff;
21 | font-weight:bold;
22 | font-family: 'microsoft yahei', Arial, Helvetica, sans-serif;
23 | cursor: pointer;
24 | }
25 | div.n1_btn{
26 | width: 120px;
27 | height:30px;
28 | line-height:30px;
29 | background-color:#ececec;
30 | font-size:16px;
31 | color:#333;
32 | text-align: center;
33 | border: 1px solid #cdcdcd;
34 | cursor: pointer;
35 | min-width:30px;
36 | margin:0;
37 | font-weight:bold;
38 | font-family: 'microsoft yahei', Arial, Helvetica, sans-serif;
39 | }
40 | div.n1_btn button{
41 | border: 0px;
42 | background-color:#ececec;
43 | font-size:16px;
44 | font-weight:bold;
45 | font-family: 'microsoft yahei', Arial, Helvetica, sans-serif;
46 | cursor: pointer;
47 | }
48 | #demo{
49 | float: right;
50 | text-align: center;
51 | background-color: #003EFF;
52 | margin-top: auto;
53 | width: 40px;
54 | height: 24px;
55 | }
--------------------------------------------------------------------------------
/img/action_di.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/icbc/199d229b877e0c0bd3945ed5c3b8338d6f358f0e/img/action_di.png
--------------------------------------------------------------------------------
/img/baby.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/icbc/199d229b877e0c0bd3945ed5c3b8338d6f358f0e/img/baby.jpg
--------------------------------------------------------------------------------
/img/cundai.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/icbc/199d229b877e0c0bd3945ed5c3b8338d6f358f0e/img/cundai.png
--------------------------------------------------------------------------------
/img/daikuan.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/icbc/199d229b877e0c0bd3945ed5c3b8338d6f358f0e/img/daikuan.png
--------------------------------------------------------------------------------
/img/dong1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/icbc/199d229b877e0c0bd3945ed5c3b8338d6f358f0e/img/dong1.jpg
--------------------------------------------------------------------------------
/img/dong10.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/icbc/199d229b877e0c0bd3945ed5c3b8338d6f358f0e/img/dong10.jpg
--------------------------------------------------------------------------------
/img/dong2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/icbc/199d229b877e0c0bd3945ed5c3b8338d6f358f0e/img/dong2.jpg
--------------------------------------------------------------------------------
/img/dong3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/icbc/199d229b877e0c0bd3945ed5c3b8338d6f358f0e/img/dong3.jpg
--------------------------------------------------------------------------------
/img/duobian.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/icbc/199d229b877e0c0bd3945ed5c3b8338d6f358f0e/img/duobian.png
--------------------------------------------------------------------------------
/img/enter1.1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/icbc/199d229b877e0c0bd3945ed5c3b8338d6f358f0e/img/enter1.1.png
--------------------------------------------------------------------------------
/img/enter1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/icbc/199d229b877e0c0bd3945ed5c3b8338d6f358f0e/img/enter1.png
--------------------------------------------------------------------------------
/img/enter2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/icbc/199d229b877e0c0bd3945ed5c3b8338d6f358f0e/img/enter2.png
--------------------------------------------------------------------------------
/img/enter3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/icbc/199d229b877e0c0bd3945ed5c3b8338d6f358f0e/img/enter3.png
--------------------------------------------------------------------------------
/img/footer.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/icbc/199d229b877e0c0bd3945ed5c3b8338d6f358f0e/img/footer.png
--------------------------------------------------------------------------------
/img/fup3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/icbc/199d229b877e0c0bd3945ed5c3b8338d6f358f0e/img/fup3.png
--------------------------------------------------------------------------------
/img/huang.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/icbc/199d229b877e0c0bd3945ed5c3b8338d6f358f0e/img/huang.jpg
--------------------------------------------------------------------------------
/img/icbc.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/icbc/199d229b877e0c0bd3945ed5c3b8338d6f358f0e/img/icbc.png
--------------------------------------------------------------------------------
/img/icon_quick1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/icbc/199d229b877e0c0bd3945ed5c3b8338d6f358f0e/img/icon_quick1.png
--------------------------------------------------------------------------------
/img/kaihu.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/icbc/199d229b877e0c0bd3945ed5c3b8338d6f358f0e/img/kaihu.png
--------------------------------------------------------------------------------
/img/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/icbc/199d229b877e0c0bd3945ed5c3b8338d6f358f0e/img/logo.png
--------------------------------------------------------------------------------
/img/qian.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/icbc/199d229b877e0c0bd3945ed5c3b8338d6f358f0e/img/qian.png
--------------------------------------------------------------------------------
/img/qian1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/icbc/199d229b877e0c0bd3945ed5c3b8338d6f358f0e/img/qian1.jpg
--------------------------------------------------------------------------------
/img/search_icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/icbc/199d229b877e0c0bd3945ed5c3b8338d6f358f0e/img/search_icon.png
--------------------------------------------------------------------------------
/img/serveTop1_1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/icbc/199d229b877e0c0bd3945ed5c3b8338d6f358f0e/img/serveTop1_1.png
--------------------------------------------------------------------------------
/img/serveTop2_1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/icbc/199d229b877e0c0bd3945ed5c3b8338d6f358f0e/img/serveTop2_1.png
--------------------------------------------------------------------------------
/img/serveTop3_1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/icbc/199d229b877e0c0bd3945ed5c3b8338d6f358f0e/img/serveTop3_1.png
--------------------------------------------------------------------------------
/img/serveTop4_1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/icbc/199d229b877e0c0bd3945ed5c3b8338d6f358f0e/img/serveTop4_1.png
--------------------------------------------------------------------------------
/img/serveTop5_1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/icbc/199d229b877e0c0bd3945ed5c3b8338d6f358f0e/img/serveTop5_1.png
--------------------------------------------------------------------------------
/img/servedown119.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/icbc/199d229b877e0c0bd3945ed5c3b8338d6f358f0e/img/servedown119.png
--------------------------------------------------------------------------------
/img/shenqing.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/icbc/199d229b877e0c0bd3945ed5c3b8338d6f358f0e/img/shenqing.png
--------------------------------------------------------------------------------
/img/shouce.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/icbc/199d229b877e0c0bd3945ed5c3b8338d6f358f0e/img/shouce.jpg
--------------------------------------------------------------------------------
/img/suixin.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/icbc/199d229b877e0c0bd3945ed5c3b8338d6f358f0e/img/suixin.jpg
--------------------------------------------------------------------------------
/img/suixin.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/icbc/199d229b877e0c0bd3945ed5c3b8338d6f358f0e/img/suixin.png
--------------------------------------------------------------------------------
/img/sx.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/icbc/199d229b877e0c0bd3945ed5c3b8338d6f358f0e/img/sx.png
--------------------------------------------------------------------------------
/img/tzlc_iconE.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/icbc/199d229b877e0c0bd3945ed5c3b8338d6f358f0e/img/tzlc_iconE.png
--------------------------------------------------------------------------------
/img/tzlc_iconK2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/icbc/199d229b877e0c0bd3945ed5c3b8338d6f358f0e/img/tzlc_iconK2.png
--------------------------------------------------------------------------------
/img/tzlc_iconZ.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/icbc/199d229b877e0c0bd3945ed5c3b8338d6f358f0e/img/tzlc_iconZ.png
--------------------------------------------------------------------------------
/img/yijia.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/icbc/199d229b877e0c0bd3945ed5c3b8338d6f358f0e/img/yijia.jpg
--------------------------------------------------------------------------------
/img/yue.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/icbc/199d229b877e0c0bd3945ed5c3b8338d6f358f0e/img/yue.png
--------------------------------------------------------------------------------
/img/zhu.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/icbc/199d229b877e0c0bd3945ed5c3b8338d6f358f0e/img/zhu.jpg
--------------------------------------------------------------------------------
/img/zhuomian.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/icbc/199d229b877e0c0bd3945ed5c3b8338d6f358f0e/img/zhuomian.jpg
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
--------------------------------------------------------------------------------
/js/js/circlr.js:
--------------------------------------------------------------------------------
1 | // Circlr © 2014-2015 Andrey Polischuk
2 | // github.com/andrepolischuk/circlr
3 |
4 | !function() {
5 |
6 | 'use strict';
7 |
8 | /**
9 | * Mutable parameters
10 | */
11 |
12 | var mutable = [
13 | 'vertical',
14 | 'reverse',
15 | 'cycle',
16 | 'speed',
17 | 'playSpeed'
18 | ];
19 |
20 | /**
21 | * Initialize module
22 | * @param {Object} el
23 | * @param {Object} options
24 | */
25 |
26 | function Circlr(options) {
27 |
28 | /**
29 | * Mouse events enabled
30 | */
31 |
32 | options.mouse = options.mouse || true;
33 |
34 | /**
35 | * Scroll events enabled
36 | */
37 |
38 | options.scroll = options.scroll || false;
39 |
40 | /**
41 | * Orientation
42 | */
43 |
44 | options.vertical = options.vertical || false;
45 |
46 | /**
47 | * Turning reverse
48 | */
49 |
50 | options.reverse = options.reverse || false;
51 |
52 | /**
53 | * Turning cycle
54 | */
55 |
56 | options.cycle = options.cycle || true;
57 |
58 | /**
59 | * Start frame
60 | */
61 |
62 | options.start = options.start || 0;
63 |
64 | /**
65 | * Turn speed (ms)
66 | */
67 |
68 | options.speed = options.speed || 50;
69 |
70 | /**
71 | * Autoplay
72 | */
73 |
74 | var autoplay = options.autoplay || false;
75 |
76 | /**
77 | * Play speed (ms)
78 | */
79 |
80 | options.playSpeed = options.playSpeed || 100;
81 |
82 | /**
83 | * DOM element
84 | */
85 |
86 | var el = this.el = options.element;
87 |
88 | /**
89 | * Exclude duplication
90 | */
91 |
92 | el.setAttribute('data-circlr', true);
93 |
94 | /**
95 | * DOM loader
96 | */
97 |
98 | var loader = options.loader ? document.getElementById(options.loader) : undefined;
99 |
100 | /**
101 | * Frames length
102 | */
103 |
104 | var length = this.length = el.getElementsByTagName('img').length;
105 |
106 | /**
107 | * Frames area height
108 | */
109 |
110 | var height = options.height || undefined;
111 |
112 | /**
113 | * Frames area width
114 | */
115 |
116 | var width = options.width || undefined;
117 |
118 | /**
119 | * Move enable
120 | */
121 |
122 | var movable = false;
123 |
124 | /**
125 | * Loaded images length
126 | */
127 |
128 | var loaded = [];
129 |
130 | /**
131 | * Not loaded length
132 | */
133 |
134 | var errored = [];
135 |
136 | /**
137 | * Current frame
138 | */
139 |
140 | var current;
141 |
142 | /**
143 | * Prevous options
144 | */
145 |
146 | var pre = {};
147 |
148 | pre.Y = null;
149 | pre.X = null;
150 | pre.frame = 0;
151 |
152 | /**
153 | * Callbacks
154 | */
155 |
156 | var callbacks = {};
157 |
158 | // all images loaded callback
159 | callbacks.ready = options.ready || undefined;
160 |
161 | // turn callback
162 | callbacks.change = options.change || undefined;
163 |
164 | /**
165 | * Scroll events
166 | */
167 |
168 | var scrollEvents = [
169 | 'wheel',
170 | 'mousewheel',
171 | 'scroll',
172 | 'DOMMouseScroll'
173 | ];
174 |
175 | /**
176 | * Add event listener
177 | * @param {Object} target
178 | * @param {String} event
179 | * @param {Function} fn
180 | * @api private
181 | */
182 |
183 | function onEventListener(target, event, fn) {
184 |
185 | if (target.addEventListener) {
186 | target.addEventListener(event, fn, false);
187 | } else {
188 | target.attachEvent('on' + event, function() {
189 | fn.call(target, window.event);
190 | });
191 | }
192 |
193 | }
194 |
195 | /**
196 | * Prevent default
197 | * @param {Object} e
198 | */
199 |
200 | function preventDefault(e) {
201 |
202 | if (e.preventDefault) {
203 | e.preventDefault();
204 | } else {
205 | e.returnValue = false;
206 | }
207 |
208 | }
209 |
210 | /**
211 | * Pre moving event
212 | * @param {Object} e
213 | * @api private
214 | */
215 |
216 | function preMove(e) {
217 |
218 | autoplay = false;
219 |
220 | preventDefault(e);
221 | e = e.type === 'touchstart' ? e.changedTouches[0] : e;
222 |
223 | movable = true;
224 |
225 | if (options.vertical) {
226 | pre.Y = e.clientY - el.offsetTop;
227 | } else {
228 | pre.X = e.clientX - el.offsetLeft;
229 | }
230 |
231 | }
232 |
233 | /**
234 | * Normalize current frame
235 | * @param {Number} cur
236 | * @return {Number}
237 | * @api private
238 | */
239 |
240 | function normalize(cur) {
241 |
242 | if (cur < 0) {
243 | cur = options.cycle ? cur + length : 0;
244 | } else if (cur > length - 1) {
245 | cur = options.cycle ? cur - length : length - 1;
246 | }
247 |
248 | return cur;
249 |
250 | }
251 |
252 | /**
253 | * Moving event
254 | * @param {Object} e
255 | * @api private
256 | */
257 |
258 | function isMove(e) {
259 |
260 | if (movable) {
261 |
262 | preventDefault(e);
263 | e = e.type === 'touchmove' ? e.changedTouches[0] : e;
264 |
265 | // current offset (px)
266 | var offset = (options.vertical) ? ((e.clientY - el.offsetTop) - pre.Y) : ((e.clientX - el.offsetLeft) - pre.X);
267 | offset = options.reverse ? -offset : offset;
268 |
269 | // frame step (px)
270 | var step = width / length;
271 |
272 | // prevous frame
273 | var previous = current;
274 |
275 | // current offset (frame)
276 | offset = Math.floor(offset / step);
277 |
278 | if (offset !== current) {
279 |
280 | current = normalize(pre.frame + offset);
281 |
282 | if (previous !== current) {
283 |
284 | // show current frame
285 | el.getElementsByTagName('img')[previous].style.display = 'none';
286 | el.getElementsByTagName('img')[current].style.display = 'block';
287 |
288 | if (typeof callbacks.change === 'function') {
289 | callbacks.change(current, length);
290 | }
291 |
292 | }
293 |
294 | }
295 |
296 | }
297 |
298 | }
299 |
300 | /**
301 | * Post moving event
302 | * @param {Object} e
303 | * @api private
304 | */
305 |
306 | function stopMove(e) {
307 |
308 | preventDefault(e);
309 |
310 | movable = false;
311 | pre.frame = current;
312 |
313 | }
314 |
315 | /**
316 | * Moving via scroll
317 | * @param {Object} e
318 | * @api private
319 | */
320 |
321 | function scrollMove(e) {
322 |
323 | autoplay = false;
324 |
325 | preventDefault(e);
326 |
327 | // scroll delta
328 | var delta = e.deltaY || e.detail || (-e.wheelDelta);
329 | delta = delta / Math.abs(delta);
330 | delta = options.reverse ? -delta : delta;
331 |
332 | current = normalize(current + delta);
333 |
334 | // show current frame
335 | el.getElementsByTagName('img')[pre.frame].style.display = 'none';
336 | el.getElementsByTagName('img')[current].style.display = 'block';
337 |
338 | pre.frame = current;
339 |
340 | if (typeof callbacks.change === 'function') {
341 | callbacks.change(current, length);
342 | }
343 |
344 | }
345 |
346 | /**
347 | * Initialize events after success images loading
348 | * @api private
349 | */
350 |
351 | function initEvents() {
352 |
353 | // loader hide
354 | if (loader) {
355 | loader.style.display = 'none';
356 | }
357 |
358 | if (errored.length === 0) {
359 |
360 | var start = normalize(options.start);
361 |
362 | // all images loaded
363 | el.getElementsByTagName('img')[start].style.display = 'block';
364 | current = start;
365 |
366 | el.style.position = 'relative';
367 | el.style.width = '100%';
368 |
369 | if ('ontouchstart' in window || 'onmsgesturechange' in window) {
370 |
371 | if (options.mouse || options.scroll) {
372 | onEventListener(el, 'touchstart', preMove);
373 | onEventListener(el, 'touchmove', isMove);
374 | onEventListener(el, 'touchend', stopMove);
375 | }
376 |
377 | } else {
378 |
379 | if (options.mouse) {
380 | onEventListener(el, 'mousedown', preMove);
381 | onEventListener(el, 'mousemove', isMove);
382 | onEventListener(document, 'mouseup', stopMove);
383 | }
384 |
385 | if (options.scroll) {
386 | for (var e = 0; e < scrollEvents.length; e++) {
387 | if ('on' + scrollEvents[e] in window) {
388 | onEventListener(el, scrollEvents[e], scrollMove);
389 | break;
390 | }
391 | }
392 | }
393 |
394 | }
395 |
396 | if (autoplay) {
397 | play();
398 | }
399 |
400 | }
401 |
402 | if (typeof callbacks.ready === 'function') {
403 | callbacks.ready(errored);
404 | }
405 |
406 | }
407 |
408 | /**
409 | * Initialize images events
410 | * @param {Object} img
411 | */
412 |
413 | function loadImagesEvents(img) {
414 |
415 | img.onload = function() {
416 |
417 | loaded.push(this.src);
418 |
419 | // show first frame when all images loaded
420 | if (loaded.length + errored.length === length) {
421 | initEvents();
422 | }
423 |
424 | };
425 |
426 | img.onerror = function() {
427 |
428 | errored.push(this.src);
429 |
430 | // show first frame when images loaded
431 | if (loaded.length + errored.length === length) {
432 | initEvents();
433 | }
434 |
435 | };
436 |
437 | img.onreadystatechange = function() {
438 | this.onload();
439 | };
440 |
441 | }
442 |
443 | /**
444 | * Load Object images
445 | * @api private
446 | */
447 |
448 | function loadImages() {
449 |
450 | // adding elements
451 | var img;
452 |
453 | // show loader
454 | if (loader) {
455 | loader.style.display = 'block';
456 | }
457 |
458 | for (var i = 0; i < length; i++) {
459 |
460 | // get object
461 | img = el.getElementsByTagName('img')[i];
462 |
463 | // set object style
464 | img.style.display = 'none';
465 | img.style.width = '100%';
466 |
467 | // set object options
468 | img.setAttribute('src', img.getAttribute('data-src'));
469 | img.setAttribute('data-index', i);
470 | img.removeAttribute('data-src');
471 |
472 | loadImagesEvents(img);
473 |
474 | }
475 |
476 | // check elements sizes
477 | height = height || el.clientHeight;
478 | width = width || el.clientWidth;
479 |
480 | }
481 |
482 | /**
483 | * Initialize loading
484 | */
485 |
486 | loadImages();
487 |
488 | /**
489 | * Change current frame
490 | * @param {Number} i
491 | * @api private
492 | */
493 |
494 | function setFrame(i) {
495 |
496 | el.getElementsByTagName('img')[current].style.display = 'none';
497 | el.getElementsByTagName('img')[i].style.display = 'block';
498 |
499 | pre.frame = current = i;
500 |
501 | }
502 |
503 | /**
504 | * Turn to specific frame
505 | * @param {Number} i
506 | * @api public
507 | */
508 |
509 | var turn = this.turn = function(i) {
510 |
511 | i = normalize(i);
512 | autoplay = true;
513 |
514 | (function turnInterval() {
515 |
516 | if (i !== current && autoplay) {
517 |
518 | setFrame(normalize(i < current ? current - 1 : current + 1));
519 | setTimeout(turnInterval, typeof i === 'undefined' ? options.playSpeed : options.speed);
520 |
521 | } else if (i === current) {
522 |
523 | pre.frame = current = i;
524 | autoplay = false;
525 |
526 | if (typeof callbacks.change === 'function') {
527 | callbacks.change(current, length);
528 | }
529 |
530 | }
531 |
532 | })();
533 |
534 | };
535 |
536 | /**
537 | * Go to specific frame
538 | * @param {Number} i
539 | * @api public
540 | */
541 |
542 | this.go = function(i) {
543 |
544 | if (i !== current) {
545 |
546 | setFrame(i);
547 |
548 | if (typeof callbacks.change === 'function') {
549 | callbacks.change(current, length);
550 | }
551 |
552 | }
553 |
554 | };
555 |
556 | /**
557 | * Play sequence
558 | * @api public
559 | */
560 |
561 | var play = this.play = function() {
562 | autoplay = true;
563 | turn();
564 | };
565 |
566 | /**
567 | * Stop sequence playng
568 | * @api public
569 | */
570 |
571 | this.stop = function() {
572 | autoplay = false;
573 | };
574 |
575 | /**
576 | * Show object
577 | * @api public
578 | */
579 |
580 | this.show = function() {
581 | el.style.display = 'block';
582 | };
583 |
584 | /**
585 | * Hide object
586 | * @api public
587 | */
588 |
589 | this.hide = function() {
590 | el.style.display = 'none';
591 | };
592 |
593 | /**
594 | * Change Object options
595 | * @param {Object} options
596 | * @api public
597 | */
598 |
599 | this.set = function(set) {
600 | for (var i = 0, key; i < mutable.length; i++) {
601 | key = mutable[i];
602 | options[key] = typeof set[key] !== 'undefined' ? set[key] : options[key];
603 | }
604 | };
605 |
606 | }
607 |
608 | /**
609 | * Example creator
610 | */
611 |
612 | function Creator(element, options) {
613 |
614 | element = document.getElementById(element);
615 |
616 | if (element.getAttribute('data-circlr')) {
617 | return;
618 | }
619 |
620 | options = options || {};
621 | options.element = element;
622 |
623 | return new Circlr(options);
624 |
625 | }
626 |
627 | /**
628 | * Module exports
629 | */
630 |
631 | if (typeof define === 'function' && define.amd) {
632 |
633 | define([], function() {
634 | return Creator;
635 | });
636 |
637 | } else if (typeof module !== 'undefined' && module.exports) {
638 |
639 | module.exports = Creator;
640 |
641 | } else {
642 |
643 | this.circlr = Creator;
644 |
645 | }
646 |
647 | }.call(this);
648 |
--------------------------------------------------------------------------------
/js/js/common.js:
--------------------------------------------------------------------------------
1 | function my$(id){
2 | return document.getElementById(id);
3 | }
4 |
5 | function my$byTagName(tagname){
6 | return document.getElementsByTagName(tagname);
7 | }
8 |
9 | //设置文本内容
10 | function setInnerText(element,text){
11 | //判断element.textContent属性是否存在,如果不存在,说明我们的浏览器不是ie8,我们就使用innerText属性
12 | if(element.textContent == "undefined") {
13 | element.innerText = text;
14 | }
15 | //如果element.textContent存在,说明是ie8,就用textContent属性
16 | else{
17 | element.textContent = text;
18 | }
19 | }
20 |
21 | function getInnerText(element){
22 | //判断element.textContent属性是否存在,如果不存在,说明我们的浏览器不是ie8,我们就使用innerText属性
23 | if(element.textContent == "undefined") {
24 | return element.innerText;
25 | }
26 | //如果element.textContent存在,说明是ie8,就用textContent属性
27 | else{
28 | return element.textContent;
29 | }
30 | }
31 |
32 | //获取样式的兼容性的写法
33 | function getStyle(obj,attr){
34 | //IE
35 | if(obj.currentStyle) {
36 | return obj.currentStyle[attr];
37 | }
38 | //谷歌火狐
39 | else{
40 | return getComputedStyle(obj,false)[attr];
41 | }
42 | }
43 |
44 | //设置样式
45 | function css(obj,attr,value){
46 | if(arguments.length == 2){
47 | return getStyle(obj,attr);
48 | }
49 | else if(arguments.length == 3){
50 | obj.style[attr] = value;
51 | }
52 | }
53 |
54 | //获取第一个元素节点
55 | function getFirstElementChild(element){
56 | //如果是火狐谷歌
57 | if(element.firstElementChild){
58 | return element.firstElementChild;
59 | }
60 | //ie 8
61 | else{
62 | var node = element.firstChild;
63 | while(node && node.nodeType!=1){
64 | node = node.nextSibling;
65 | }
66 | return node;
67 | }
68 | }
69 |
70 | //获取最后一个元素
71 | function getLastElementChild(element) {
72 | if(element.lastElementChild){//true--->支持
73 | return element.lastElementChild;
74 | }else{
75 | var node=element.lastChild;//第一个节点
76 | while (node&&node.nodeType!=1){
77 | node=node.previousSibling;
78 | }
79 | return node;
80 | }
81 | }
82 |
83 |
84 | //绑定事件的代码封装
85 | function addEventListener(element,type,fn){
86 | //如果有addEventListener这个方法,说明是谷歌、火狐、ie11
87 | if(element.addEventListener){
88 | element.addEventListener(type,fn,false);
89 | }
90 | //IE 8
91 | else if(element.attachEvent){
92 | element.attachEvent("on"+type,fn);
93 | }
94 | //正常情况
95 | else {
96 | element["on" + type] = fn;
97 | }
98 | }
99 |
100 | function removeEventListener(element,type,fn){
101 | //如果是火狐、谷歌、IE11
102 | if(element.removeEventListener){
103 | element.removeEventListener(type,fn,false);
104 | }
105 | else if(element.detachEvent){
106 | element.detachEvent("on"+type,fn);
107 | }
108 | else{
109 | element["on" + type] = null;
110 | }
111 | }
112 |
113 | //得到滚动出去的位置
114 | function getScroll(){
115 | var scrollTop = document.body.scrollTop||document.documentElement.scrollTop;
116 | var scrollLeft = document.body.scrollLeft||document.documentElement.scrollLeft;
117 | return {
118 | scrollTop:scrollTop,
119 | scrollLeft:scrollLeft
120 | }
121 | }
122 |
123 | //得到鼠标在页面中的位置
124 | function getPage(e){
125 | var oev = e||window.event;
126 | //pageX = 可视区的位置 + 左边滚动出去的位置
127 | var pageX = oev.clientX + getScroll().scrollLeft;
128 | var pageY = oev.clientY + getScroll().scrollTop;
129 | return {
130 | pageX:pageX,
131 | pageY:pageY
132 | }
133 | }
134 |
135 | //获取到url中的参数信息
136 | function getQuery(queryStr) {
137 | var query = {};
138 | if (queryStr.indexOf('?') > -1) {
139 | var index = queryStr.indexOf('?');
140 | queryStr = queryStr.substr(index + 1);
141 | var array = queryStr.split('&');
142 | for (var i = 0; i < array.length; i++) {
143 | var tmpArr = array[i].split('=');
144 | if (tmpArr.length === 2) {
145 | query[tmpArr[0]] = tmpArr[1];
146 | }
147 | }
148 | }
149 | return query;
150 | }
151 |
152 |
153 | //动画函数的初步封装
154 | function animate(element,target){
155 | //1.先获取原来的值
156 | var current = element.offsetLeft;
157 |
158 | //2.先判断定时器有没有,如果有了就先终止定时器,再去开定时器
159 | if(element.timeid){
160 | clearInterval(element.timeid);
161 | element.timeid = null;
162 | }
163 | //3.开启定时器
164 | element.timeid = setInterval(function(){
165 | var step = 10;
166 | //目标值是 10
167 | //当前值是 390
168 | if(target - current < 0){
169 | step = -step;
170 | }
171 |
172 | if(Math.abs(target - current) < Math.abs(step)){
173 | element.style.left = target + "px";
174 | clearInterval(element.timeid);
175 | return;
176 | }
177 |
178 | current += step;
179 | element.style.left = current + "px";
180 | },10);
181 | }
182 |
183 | // element 哪个元素需要动画
184 | // json 包含所有需要进行动画的属性 {"width": 400, "height": 500, "left": 500, "top": 80, "opacity": 0.2};
185 | // fn 动画完成之后回调函数
186 | function animate(element, json, fn) {
187 | clearInterval(element.timeId);//清理定时器
188 | //定时器,返回的是定时器的id
189 | element.timeId = setInterval(function () {
190 | var flag = true;//默认,假设,全部到达目标
191 | //遍历json对象中的每个属性还有属性对应的目标值
192 | for (var attr in json) {
193 | //判断这个属性attr中是不是opacity
194 | if (attr == "opacity") {
195 | //获取元素的当前的透明度,当前的透明度放大100倍
196 | var current = getStyle(element, attr) * 100;
197 | //目标的透明度放大100倍
198 | var target = json[attr] * 100;
199 | var step = (target - current) / 10;
200 |
201 | //8.5 ---> 9
202 | //-8.5 ---> -9
203 | step = step > 0 ? Math.ceil(step) : Math.floor(step);
204 | if (Math.abs(current - target) <= Math.abs(step)){
205 | // 让定时器停止
206 | // 让盒子到target的位置
207 | element.style[attr] = target / 100;
208 | }
209 | else{
210 | current += step;//移动后的值
211 | element.style[attr] = current / 100;
212 | }
213 | } else if (attr == "zIndex") { //判断这个属性attr中是不是zIndex
214 | //层级改变就是直接改变这个属性的值
215 | element.style[attr] = json[attr];
216 | } else {
217 | //普通的属性
218 | //获取元素这个属性的当前的值
219 | var current = Math.ceil(parseFloat(getStyle(element, attr)));
220 | //var current = parseInt(getStyle(element, attr));
221 | //当前的属性对应的目标值
222 | var target = json[attr];
223 | //移动的步数
224 | var step = (target - current) / 10;
225 | step = step > 0 ? Math.ceil(step) : Math.floor(step);
226 | if (Math.abs(current - target) <= Math.abs(step)){
227 | // 让定时器停止
228 | // 让盒子到target的位置
229 | element.style[attr] = target + 'px';
230 | }
231 | else{
232 | current += step;//移动后的值
233 | element.style[attr] = current + "px";
234 | }
235 | }
236 | //测试代码
237 | //console.log("目标:" + target + ",当前:" + current + ",每次的移动步数:" + step);
238 | //是否到达目标
239 | if (current != target) {
240 | flag = false;
241 | }
242 | }
243 | if (flag) {
244 | //清理定时器
245 | clearInterval(element.timeId);
246 | //所有的属性到达目标才能使用这个函数,前提是用户传入了这个函数
247 | if (fn) {
248 | fn();
249 | }
250 | }
251 | }, 20);
252 | }
253 |
254 |
255 | //得到浏览器的若干信息
256 | function getUserAgent(){
257 | var browser = {
258 | versions: function() {
259 | var u = navigator.userAgent, app = navigator.appVersion;
260 | return { //移动终端浏览器版本信息
261 | trident: u.indexOf('Trident') > -1, //IE内核
262 | presto: u.indexOf('Presto') > -1, //opera内核
263 | webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
264 | gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
265 | mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
266 | ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
267 | android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器
268 | iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
269 | iPad: u.indexOf('iPad') > -1, //是否iPad
270 | webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部
271 | };
272 | } (),
273 | language: (navigator.browserLanguage || navigator.language).toLowerCase()
274 | }
275 | return browser;
276 | }
277 |
278 | function getDates(dt) {
279 | var str = "";//存储时间的字符串
280 | //获取年
281 | var year = dt.getFullYear();
282 | //获取月
283 | var month = dt.getMonth() + 1;
284 | //获取日
285 | var day = dt.getDate();
286 | //获取小时
287 | var hour = dt.getHours();
288 | //获取分钟
289 | var min = dt.getMinutes();
290 | //获取秒
291 | var sec = dt.getSeconds();
292 | month = month < 10 ? "0" + month : month;
293 | day = day < 10 ? "0" + day : day;
294 | hour = hour < 10 ? "0" + hour : hour;
295 | min = min < 10 ? "0" + min : min;
296 | sec = sec < 10 ? "0" + sec : sec;
297 | str = year + "年" + month + "月" + day + "日 " + hour + ":" + min + ":" + sec;
298 | return str;
299 | }
300 |
301 |
302 | /**
303 | * 获取父级元素中的第一个子元素
304 | * @param element 父级元素
305 | * @returns {*} 父级元素中的子级元素
306 | */
307 | function getFirstElement(element) {
308 | if (element.firstElementChild) {
309 | return element.firstElementChild;
310 | } else {
311 | var node = element.firstChild;
312 | while (node && node.nodeType != 1) {
313 | node = node.nextSibling;
314 | }
315 | return node;
316 | }
317 | }
318 | /**
319 | * 获取父级元素中的最后一个子元素
320 | * @param element 父级元素
321 | * @returns {*} 最后一个子元素
322 | */
323 | function getLastElement(element) {
324 | if (element.lastElementChild) {
325 | return element.lastElementChild;
326 | } else {
327 | var node = element.lastChild;
328 | while (node && node.nodeType != 1) {
329 | node = node.previousSibling;
330 | }
331 | return node;
332 | }
333 | }
334 | /**
335 | * 获取某个元素的前一个兄弟元素
336 | * @param element 某个元素
337 | * @returns {*} 前一个兄弟元素
338 | */
339 | function getPreviousElement(element) {
340 | if (element.previousElementSibling) {
341 | return element.previousElementSibling
342 | } else {
343 | var node = element.previousSibling;
344 | while (node && node.nodeType != 1) {
345 | node = node.previousSibling;
346 | }
347 | return node;
348 | }
349 | }
350 | /**
351 | * 获取某个元素的后一个兄弟元素
352 | * @param element 某个元素
353 | * @returns {*} 后一个兄弟元素
354 | */
355 | function getNextElement(element) {
356 | if (element.nextElementSibling) {
357 | return element.nextElementSibling
358 | } else {
359 | var node = element.nextSibling;
360 | while (node && node.nodeType != 1) {
361 | node = node.nextSibling;
362 | }
363 | return node;
364 | }
365 | }
366 |
367 | /**
368 | * 获取某个元素的所有兄弟元素
369 | * @param element 某个元素
370 | * @returns {Array} 兄弟元素
371 | */
372 | function getSiblings(element) {
373 | if (!element)return;
374 | var elements = [];
375 | var ele = element.previousSibling;
376 | while (ele) {
377 | if (ele.nodeType === 1) {
378 | elements.push(ele);
379 | }
380 | ele = ele.previousSibling;
381 | }
382 | ele = element.nextSibling;
383 | while (ele) {
384 | if (ele.nodeType === 1) {
385 | elements.push(ele);
386 |
387 | }
388 | ele = ele.nextSibling;
389 | }
390 | return elements;
391 | }
--------------------------------------------------------------------------------
/js/js/jquery.color.js:
--------------------------------------------------------------------------------
1 | /*!
2 | * jQuery Color Animations v@VERSION
3 | * https://github.com/jquery/jquery-color
4 | *
5 | * Copyright jQuery Foundation and other contributors
6 | * Released under the MIT license.
7 | * http://jquery.org/license
8 | *
9 | * Date: @DATE
10 | */
11 | (function( jQuery, undefined ) {
12 |
13 | var stepHooks = "backgroundColor borderBottomColor borderLeftColor borderRightColor borderTopColor color columnRuleColor outlineColor textDecorationColor textEmphasisColor",
14 |
15 | // plusequals test for += 100 -= 100
16 | rplusequals = /^([\-+])=\s*(\d+\.?\d*)/,
17 | // a set of RE's that can match strings and generate color tuples.
18 | stringParsers = [{
19 | re: /rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*(?:,\s*(\d?(?:\.\d+)?)\s*)?\)/,
20 | parse: function( execResult ) {
21 | return [
22 | execResult[ 1 ],
23 | execResult[ 2 ],
24 | execResult[ 3 ],
25 | execResult[ 4 ]
26 | ];
27 | }
28 | }, {
29 | re: /rgba?\(\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d?(?:\.\d+)?)\s*)?\)/,
30 | parse: function( execResult ) {
31 | return [
32 | execResult[ 1 ] * 2.55,
33 | execResult[ 2 ] * 2.55,
34 | execResult[ 3 ] * 2.55,
35 | execResult[ 4 ]
36 | ];
37 | }
38 | }, {
39 | // this regex ignores A-F because it's compared against an already lowercased string
40 | re: /#([a-f0-9]{2})([a-f0-9]{2})([a-f0-9]{2})/,
41 | parse: function( execResult ) {
42 | return [
43 | parseInt( execResult[ 1 ], 16 ),
44 | parseInt( execResult[ 2 ], 16 ),
45 | parseInt( execResult[ 3 ], 16 )
46 | ];
47 | }
48 | }, {
49 | // this regex ignores A-F because it's compared against an already lowercased string
50 | re: /#([a-f0-9])([a-f0-9])([a-f0-9])/,
51 | parse: function( execResult ) {
52 | return [
53 | parseInt( execResult[ 1 ] + execResult[ 1 ], 16 ),
54 | parseInt( execResult[ 2 ] + execResult[ 2 ], 16 ),
55 | parseInt( execResult[ 3 ] + execResult[ 3 ], 16 )
56 | ];
57 | }
58 | }, {
59 | re: /hsla?\(\s*(\d+(?:\.\d+)?)\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d?(?:\.\d+)?)\s*)?\)/,
60 | space: "hsla",
61 | parse: function( execResult ) {
62 | return [
63 | execResult[ 1 ],
64 | execResult[ 2 ] / 100,
65 | execResult[ 3 ] / 100,
66 | execResult[ 4 ]
67 | ];
68 | }
69 | }],
70 |
71 | // jQuery.Color( )
72 | color = jQuery.Color = function( color, green, blue, alpha ) {
73 | return new jQuery.Color.fn.parse( color, green, blue, alpha );
74 | },
75 | spaces = {
76 | rgba: {
77 | props: {
78 | red: {
79 | idx: 0,
80 | type: "byte"
81 | },
82 | green: {
83 | idx: 1,
84 | type: "byte"
85 | },
86 | blue: {
87 | idx: 2,
88 | type: "byte"
89 | }
90 | }
91 | },
92 |
93 | hsla: {
94 | props: {
95 | hue: {
96 | idx: 0,
97 | type: "degrees"
98 | },
99 | saturation: {
100 | idx: 1,
101 | type: "percent"
102 | },
103 | lightness: {
104 | idx: 2,
105 | type: "percent"
106 | }
107 | }
108 | }
109 | },
110 | propTypes = {
111 | "byte": {
112 | floor: true,
113 | max: 255
114 | },
115 | "percent": {
116 | max: 1
117 | },
118 | "degrees": {
119 | mod: 360,
120 | floor: true
121 | }
122 | },
123 | support = color.support = {},
124 |
125 | // element for support tests
126 | supportElem = jQuery( "" )[ 0 ],
127 |
128 | // colors = jQuery.Color.names
129 | colors,
130 |
131 | // local aliases of functions called often
132 | each = jQuery.each;
133 |
134 | // determine rgba support immediately
135 | supportElem.style.cssText = "background-color:rgba(1,1,1,.5)";
136 | support.rgba = supportElem.style.backgroundColor.indexOf( "rgba" ) > -1;
137 |
138 | // define cache name and alpha properties
139 | // for rgba and hsla spaces
140 | each( spaces, function( spaceName, space ) {
141 | space.cache = "_" + spaceName;
142 | space.props.alpha = {
143 | idx: 3,
144 | type: "percent",
145 | def: 1
146 | };
147 | });
148 |
149 | function clamp( value, prop, allowEmpty ) {
150 | var type = propTypes[ prop.type ] || {};
151 |
152 | if ( value == null ) {
153 | return (allowEmpty || !prop.def) ? null : prop.def;
154 | }
155 |
156 | // ~~ is an short way of doing floor for positive numbers
157 | value = type.floor ? ~~value : parseFloat( value );
158 |
159 | // IE will pass in empty strings as value for alpha,
160 | // which will hit this case
161 | if ( isNaN( value ) ) {
162 | return prop.def;
163 | }
164 |
165 | if ( type.mod ) {
166 | // we add mod before modding to make sure that negatives values
167 | // get converted properly: -10 -> 350
168 | return (value + type.mod) % type.mod;
169 | }
170 |
171 | // for now all property types without mod have min and max
172 | return 0 > value ? 0 : type.max < value ? type.max : value;
173 | }
174 |
175 | function stringParse( string ) {
176 | var inst = color(),
177 | rgba = inst._rgba = [];
178 |
179 | string = string.toLowerCase();
180 |
181 | each( stringParsers, function( i, parser ) {
182 | var parsed,
183 | match = parser.re.exec( string ),
184 | values = match && parser.parse( match ),
185 | spaceName = parser.space || "rgba";
186 |
187 | if ( values ) {
188 | parsed = inst[ spaceName ]( values );
189 |
190 | // if this was an rgba parse the assignment might happen twice
191 | // oh well....
192 | inst[ spaces[ spaceName ].cache ] = parsed[ spaces[ spaceName ].cache ];
193 | rgba = inst._rgba = parsed._rgba;
194 |
195 | // exit each( stringParsers ) here because we matched
196 | return false;
197 | }
198 | });
199 |
200 | // Found a stringParser that handled it
201 | if ( rgba.length ) {
202 |
203 | // if this came from a parsed string, force "transparent" when alpha is 0
204 | // chrome, (and maybe others) return "transparent" as rgba(0,0,0,0)
205 | if ( rgba.join() === "0,0,0,0" ) {
206 | jQuery.extend( rgba, colors.transparent );
207 | }
208 | return inst;
209 | }
210 |
211 | // named colors
212 | return colors[ string ];
213 | }
214 |
215 | color.fn = jQuery.extend( color.prototype, {
216 | parse: function( red, green, blue, alpha ) {
217 | if ( red === undefined ) {
218 | this._rgba = [ null, null, null, null ];
219 | return this;
220 | }
221 | if ( red.jquery || red.nodeType ) {
222 | red = jQuery( red ).css( green );
223 | green = undefined;
224 | }
225 |
226 | var inst = this,
227 | type = jQuery.type( red ),
228 | rgba = this._rgba = [];
229 |
230 | // more than 1 argument specified - assume ( red, green, blue, alpha )
231 | if ( green !== undefined ) {
232 | red = [ red, green, blue, alpha ];
233 | type = "array";
234 | }
235 |
236 | if ( type === "string" ) {
237 | return this.parse( stringParse( red ) || colors._default );
238 | }
239 |
240 | if ( type === "array" ) {
241 | each( spaces.rgba.props, function( key, prop ) {
242 | rgba[ prop.idx ] = clamp( red[ prop.idx ], prop );
243 | });
244 | return this;
245 | }
246 |
247 | if ( type === "object" ) {
248 | if ( red instanceof color ) {
249 | each( spaces, function( spaceName, space ) {
250 | if ( red[ space.cache ] ) {
251 | inst[ space.cache ] = red[ space.cache ].slice();
252 | }
253 | });
254 | } else {
255 | each( spaces, function( spaceName, space ) {
256 | var cache = space.cache;
257 | each( space.props, function( key, prop ) {
258 |
259 | // if the cache doesn't exist, and we know how to convert
260 | if ( !inst[ cache ] && space.to ) {
261 |
262 | // if the value was null, we don't need to copy it
263 | // if the key was alpha, we don't need to copy it either
264 | if ( key === "alpha" || red[ key ] == null ) {
265 | return;
266 | }
267 | inst[ cache ] = space.to( inst._rgba );
268 | }
269 |
270 | // this is the only case where we allow nulls for ALL properties.
271 | // call clamp with alwaysAllowEmpty
272 | inst[ cache ][ prop.idx ] = clamp( red[ key ], prop, true );
273 | });
274 |
275 | // everything defined but alpha?
276 | if ( inst[ cache ] && jQuery.inArray( null, inst[ cache ].slice( 0, 3 ) ) < 0 ) {
277 | // use the default of 1
278 | inst[ cache ][ 3 ] = 1;
279 | if ( space.from ) {
280 | inst._rgba = space.from( inst[ cache ] );
281 | }
282 | }
283 | });
284 | }
285 | return this;
286 | }
287 | },
288 | is: function( compare ) {
289 | var is = color( compare ),
290 | same = true,
291 | inst = this;
292 |
293 | each( spaces, function( _, space ) {
294 | var localCache,
295 | isCache = is[ space.cache ];
296 | if (isCache) {
297 | localCache = inst[ space.cache ] || space.to && space.to( inst._rgba ) || [];
298 | each( space.props, function( _, prop ) {
299 | if ( isCache[ prop.idx ] != null ) {
300 | same = ( isCache[ prop.idx ] === localCache[ prop.idx ] );
301 | return same;
302 | }
303 | });
304 | }
305 | return same;
306 | });
307 | return same;
308 | },
309 | _space: function() {
310 | var used = [],
311 | inst = this;
312 | each( spaces, function( spaceName, space ) {
313 | if ( inst[ space.cache ] ) {
314 | used.push( spaceName );
315 | }
316 | });
317 | return used.pop();
318 | },
319 | transition: function( other, distance ) {
320 | var end = color( other ),
321 | spaceName = end._space(),
322 | space = spaces[ spaceName ],
323 | startColor = this.alpha() === 0 ? color( "transparent" ) : this,
324 | start = startColor[ space.cache ] || space.to( startColor._rgba ),
325 | result = start.slice();
326 |
327 | end = end[ space.cache ];
328 | each( space.props, function( key, prop ) {
329 | var index = prop.idx,
330 | startValue = start[ index ],
331 | endValue = end[ index ],
332 | type = propTypes[ prop.type ] || {};
333 |
334 | // if null, don't override start value
335 | if ( endValue === null ) {
336 | return;
337 | }
338 | // if null - use end
339 | if ( startValue === null ) {
340 | result[ index ] = endValue;
341 | } else {
342 | if ( type.mod ) {
343 | if ( endValue - startValue > type.mod / 2 ) {
344 | startValue += type.mod;
345 | } else if ( startValue - endValue > type.mod / 2 ) {
346 | startValue -= type.mod;
347 | }
348 | }
349 | result[ index ] = clamp( ( endValue - startValue ) * distance + startValue, prop );
350 | }
351 | });
352 | return this[ spaceName ]( result );
353 | },
354 | blend: function( opaque ) {
355 | // if we are already opaque - return ourself
356 | if ( this._rgba[ 3 ] === 1 ) {
357 | return this;
358 | }
359 |
360 | var rgb = this._rgba.slice(),
361 | a = rgb.pop(),
362 | blend = color( opaque )._rgba;
363 |
364 | return color( jQuery.map( rgb, function( v, i ) {
365 | return ( 1 - a ) * blend[ i ] + a * v;
366 | }));
367 | },
368 | toRgbaString: function() {
369 | var prefix = "rgba(",
370 | rgba = jQuery.map( this._rgba, function( v, i ) {
371 | return v == null ? ( i > 2 ? 1 : 0 ) : v;
372 | });
373 |
374 | if ( rgba[ 3 ] === 1 ) {
375 | rgba.pop();
376 | prefix = "rgb(";
377 | }
378 |
379 | return prefix + rgba.join() + ")";
380 | },
381 | toHslaString: function() {
382 | var prefix = "hsla(",
383 | hsla = jQuery.map( this.hsla(), function( v, i ) {
384 | if ( v == null ) {
385 | v = i > 2 ? 1 : 0;
386 | }
387 |
388 | // catch 1 and 2
389 | if ( i && i < 3 ) {
390 | v = Math.round( v * 100 ) + "%";
391 | }
392 | return v;
393 | });
394 |
395 | if ( hsla[ 3 ] === 1 ) {
396 | hsla.pop();
397 | prefix = "hsl(";
398 | }
399 | return prefix + hsla.join() + ")";
400 | },
401 | toHexString: function( includeAlpha ) {
402 | var rgba = this._rgba.slice(),
403 | alpha = rgba.pop();
404 |
405 | if ( includeAlpha ) {
406 | rgba.push( ~~( alpha * 255 ) );
407 | }
408 |
409 | return "#" + jQuery.map( rgba, function( v ) {
410 |
411 | // default to 0 when nulls exist
412 | v = ( v || 0 ).toString( 16 );
413 | return v.length === 1 ? "0" + v : v;
414 | }).join("");
415 | },
416 | toString: function() {
417 | return this._rgba[ 3 ] === 0 ? "transparent" : this.toRgbaString();
418 | }
419 | });
420 | color.fn.parse.prototype = color.fn;
421 |
422 | // hsla conversions adapted from:
423 | // https://code.google.com/p/maashaack/source/browse/packages/graphics/trunk/src/graphics/colors/HUE2RGB.as?r=5021
424 |
425 | function hue2rgb( p, q, h ) {
426 | h = ( h + 1 ) % 1;
427 | if ( h * 6 < 1 ) {
428 | return p + (q - p) * h * 6;
429 | }
430 | if ( h * 2 < 1) {
431 | return q;
432 | }
433 | if ( h * 3 < 2 ) {
434 | return p + (q - p) * ((2/3) - h) * 6;
435 | }
436 | return p;
437 | }
438 |
439 | spaces.hsla.to = function ( rgba ) {
440 | if ( rgba[ 0 ] == null || rgba[ 1 ] == null || rgba[ 2 ] == null ) {
441 | return [ null, null, null, rgba[ 3 ] ];
442 | }
443 | var r = rgba[ 0 ] / 255,
444 | g = rgba[ 1 ] / 255,
445 | b = rgba[ 2 ] / 255,
446 | a = rgba[ 3 ],
447 | max = Math.max( r, g, b ),
448 | min = Math.min( r, g, b ),
449 | diff = max - min,
450 | add = max + min,
451 | l = add * 0.5,
452 | h, s;
453 |
454 | if ( min === max ) {
455 | h = 0;
456 | } else if ( r === max ) {
457 | h = ( 60 * ( g - b ) / diff ) + 360;
458 | } else if ( g === max ) {
459 | h = ( 60 * ( b - r ) / diff ) + 120;
460 | } else {
461 | h = ( 60 * ( r - g ) / diff ) + 240;
462 | }
463 |
464 | // chroma (diff) == 0 means greyscale which, by definition, saturation = 0%
465 | // otherwise, saturation is based on the ratio of chroma (diff) to lightness (add)
466 | if ( diff === 0 ) {
467 | s = 0;
468 | } else if ( l <= 0.5 ) {
469 | s = diff / add;
470 | } else {
471 | s = diff / ( 2 - add );
472 | }
473 | return [ Math.round(h) % 360, s, l, a == null ? 1 : a ];
474 | };
475 |
476 | spaces.hsla.from = function ( hsla ) {
477 | if ( hsla[ 0 ] == null || hsla[ 1 ] == null || hsla[ 2 ] == null ) {
478 | return [ null, null, null, hsla[ 3 ] ];
479 | }
480 | var h = hsla[ 0 ] / 360,
481 | s = hsla[ 1 ],
482 | l = hsla[ 2 ],
483 | a = hsla[ 3 ],
484 | q = l <= 0.5 ? l * ( 1 + s ) : l + s - l * s,
485 | p = 2 * l - q;
486 |
487 | return [
488 | Math.round( hue2rgb( p, q, h + ( 1 / 3 ) ) * 255 ),
489 | Math.round( hue2rgb( p, q, h ) * 255 ),
490 | Math.round( hue2rgb( p, q, h - ( 1 / 3 ) ) * 255 ),
491 | a
492 | ];
493 | };
494 |
495 |
496 | each( spaces, function( spaceName, space ) {
497 | var props = space.props,
498 | cache = space.cache,
499 | to = space.to,
500 | from = space.from;
501 |
502 | // makes rgba() and hsla()
503 | color.fn[ spaceName ] = function( value ) {
504 |
505 | // generate a cache for this space if it doesn't exist
506 | if ( to && !this[ cache ] ) {
507 | this[ cache ] = to( this._rgba );
508 | }
509 | if ( value === undefined ) {
510 | return this[ cache ].slice();
511 | }
512 |
513 | var ret,
514 | type = jQuery.type( value ),
515 | arr = ( type === "array" || type === "object" ) ? value : arguments,
516 | local = this[ cache ].slice();
517 |
518 | each( props, function( key, prop ) {
519 | var val = arr[ type === "object" ? key : prop.idx ];
520 | if ( val == null ) {
521 | val = local[ prop.idx ];
522 | }
523 | local[ prop.idx ] = clamp( val, prop );
524 | });
525 |
526 | if ( from ) {
527 | ret = color( from( local ) );
528 | ret[ cache ] = local;
529 | return ret;
530 | } else {
531 | return color( local );
532 | }
533 | };
534 |
535 | // makes red() green() blue() alpha() hue() saturation() lightness()
536 | each( props, function( key, prop ) {
537 | // alpha is included in more than one space
538 | if ( color.fn[ key ] ) {
539 | return;
540 | }
541 | color.fn[ key ] = function( value ) {
542 | var vtype = jQuery.type( value ),
543 | fn = ( key === "alpha" ? ( this._hsla ? "hsla" : "rgba" ) : spaceName ),
544 | local = this[ fn ](),
545 | cur = local[ prop.idx ],
546 | match;
547 |
548 | if ( vtype === "undefined" ) {
549 | return cur;
550 | }
551 |
552 | if ( vtype === "function" ) {
553 | value = value.call( this, cur );
554 | vtype = jQuery.type( value );
555 | }
556 | if ( value == null && prop.empty ) {
557 | return this;
558 | }
559 | if ( vtype === "string" ) {
560 | match = rplusequals.exec( value );
561 | if ( match ) {
562 | value = cur + parseFloat( match[ 2 ] ) * ( match[ 1 ] === "+" ? 1 : -1 );
563 | }
564 | }
565 | local[ prop.idx ] = value;
566 | return this[ fn ]( local );
567 | };
568 | });
569 | });
570 |
571 | // add cssHook and .fx.step function for each named hook.
572 | // accept a space separated string of properties
573 | color.hook = function( hook ) {
574 | var hooks = hook.split( " " );
575 | each( hooks, function( i, hook ) {
576 | jQuery.cssHooks[ hook ] = {
577 | set: function( elem, value ) {
578 | var parsed, curElem,
579 | backgroundColor = "";
580 |
581 | if ( value !== "transparent" && ( jQuery.type( value ) !== "string" || ( parsed = stringParse( value ) ) ) ) {
582 | value = color( parsed || value );
583 | if ( !support.rgba && value._rgba[ 3 ] !== 1 ) {
584 | curElem = hook === "backgroundColor" ? elem.parentNode : elem;
585 | while (
586 | (backgroundColor === "" || backgroundColor === "transparent") &&
587 | curElem && curElem.style
588 | ) {
589 | try {
590 | backgroundColor = jQuery.css( curElem, "backgroundColor" );
591 | curElem = curElem.parentNode;
592 | } catch ( e ) {
593 | }
594 | }
595 |
596 | value = value.blend( backgroundColor && backgroundColor !== "transparent" ?
597 | backgroundColor :
598 | "_default" );
599 | }
600 |
601 | value = value.toRgbaString();
602 | }
603 | try {
604 | elem.style[ hook ] = value;
605 | } catch( e ) {
606 | // wrapped to prevent IE from throwing errors on "invalid" values like 'auto' or 'inherit'
607 | }
608 | }
609 | };
610 | jQuery.fx.step[ hook ] = function( fx ) {
611 | if ( !fx.colorInit ) {
612 | fx.start = color( fx.elem, hook );
613 | fx.end = color( fx.end );
614 | fx.colorInit = true;
615 | }
616 | jQuery.cssHooks[ hook ].set( fx.elem, fx.start.transition( fx.end, fx.pos ) );
617 | };
618 | });
619 |
620 | };
621 |
622 | color.hook( stepHooks );
623 |
624 | jQuery.cssHooks.borderColor = {
625 | expand: function( value ) {
626 | var expanded = {};
627 |
628 | each( [ "Top", "Right", "Bottom", "Left" ], function( i, part ) {
629 | expanded[ "border" + part + "Color" ] = value;
630 | });
631 | return expanded;
632 | }
633 | };
634 |
635 | // Basic color names only.
636 | // Usage of any of the other color names requires adding yourself or including
637 | // jquery.color.svg-names.js.
638 | colors = jQuery.Color.names = {
639 | // 4.1. Basic color keywords
640 | aqua: "#00ffff",
641 | black: "#000000",
642 | blue: "#0000ff",
643 | fuchsia: "#ff00ff",
644 | gray: "#808080",
645 | green: "#008000",
646 | lime: "#00ff00",
647 | maroon: "#800000",
648 | navy: "#000080",
649 | olive: "#808000",
650 | purple: "#800080",
651 | red: "#ff0000",
652 | silver: "#c0c0c0",
653 | teal: "#008080",
654 | white: "#ffffff",
655 | yellow: "#ffff00",
656 |
657 | // 4.2.3. "transparent" color keyword
658 | transparent: [ null, null, null, 0 ],
659 |
660 | _default: "#ffffff"
661 | };
662 |
663 | }( jQuery ));
664 |
--------------------------------------------------------------------------------
/js/js/jquery.easing.1.3.js:
--------------------------------------------------------------------------------
1 | /*
2 | * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
3 | * Download by http://www.codefans.net
4 | * Uses the built in easing capabilities added In jQuery 1.1
5 | * to offer multiple easing options
6 | *
7 | * TERMS OF USE - jQuery Easing
8 | *
9 | * Open source under the BSD License.
10 | *
11 | * Copyright © 2008 George McGinley Smith
12 | * All rights reserved.
13 | *
14 | * Redistribution and use in source and binary forms, with or without modification,
15 | * are permitted provided that the following conditions are met:
16 | *
17 | * Redistributions of source code must retain the above copyright notice, this list of
18 | * conditions and the following disclaimer.
19 | * Redistributions in binary form must reproduce the above copyright notice, this list
20 | * of conditions and the following disclaimer in the documentation and/or other materials
21 | * provided with the distribution.
22 | *
23 | * Neither the name of the author nor the names of contributors may be used to endorse
24 | * or promote products derived from this software without specific prior written permission.
25 | * download by http://www.codefans.net
26 | * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
27 | * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
28 | * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
29 | * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
30 | * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
31 | * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
32 | * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
33 | * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
34 | * OF THE POSSIBILITY OF SUCH DAMAGE.
35 | *
36 | */
37 |
38 | // t: current time, b: begInnIng value, c: change In value, d: duration
39 | jQuery.easing['jswing'] = jQuery.easing['swing'];
40 |
41 | jQuery.extend( jQuery.easing,
42 | {
43 | def: 'easeOutQuad',
44 | swing: function (x, t, b, c, d) {
45 | //alert(jQuery.easing.default);
46 | return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
47 | },
48 | easeInQuad: function (x, t, b, c, d) {
49 | return c*(t/=d)*t + b;
50 | },
51 | easeOutQuad: function (x, t, b, c, d) {
52 | return -c *(t/=d)*(t-2) + b;
53 | },
54 | easeInOutQuad: function (x, t, b, c, d) {
55 | if ((t/=d/2) < 1) return c/2*t*t + b;
56 | return -c/2 * ((--t)*(t-2) - 1) + b;
57 | },
58 | easeInCubic: function (x, t, b, c, d) {
59 | return c*(t/=d)*t*t + b;
60 | },
61 | easeOutCubic: function (x, t, b, c, d) {
62 | return c*((t=t/d-1)*t*t + 1) + b;
63 | },
64 | easeInOutCubic: function (x, t, b, c, d) {
65 | if ((t/=d/2) < 1) return c/2*t*t*t + b;
66 | return c/2*((t-=2)*t*t + 2) + b;
67 | },
68 | easeInQuart: function (x, t, b, c, d) {
69 | return c*(t/=d)*t*t*t + b;
70 | },
71 | easeOutQuart: function (x, t, b, c, d) {
72 | return -c * ((t=t/d-1)*t*t*t - 1) + b;
73 | },
74 | easeInOutQuart: function (x, t, b, c, d) {
75 | if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
76 | return -c/2 * ((t-=2)*t*t*t - 2) + b;
77 | },
78 | easeInQuint: function (x, t, b, c, d) {
79 | return c*(t/=d)*t*t*t*t + b;
80 | },
81 | easeOutQuint: function (x, t, b, c, d) {
82 | return c*((t=t/d-1)*t*t*t*t + 1) + b;
83 | },
84 | easeInOutQuint: function (x, t, b, c, d) {
85 | if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
86 | return c/2*((t-=2)*t*t*t*t + 2) + b;
87 | },
88 | easeInSine: function (x, t, b, c, d) {
89 | return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
90 | },
91 | easeOutSine: function (x, t, b, c, d) {
92 | return c * Math.sin(t/d * (Math.PI/2)) + b;
93 | },
94 | easeInOutSine: function (x, t, b, c, d) {
95 | return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
96 | },
97 | easeInExpo: function (x, t, b, c, d) {
98 | return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
99 | },
100 | easeOutExpo: function (x, t, b, c, d) {
101 | return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
102 | },
103 | easeInOutExpo: function (x, t, b, c, d) {
104 | if (t==0) return b;
105 | if (t==d) return b+c;
106 | if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
107 | return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
108 | },
109 | easeInCirc: function (x, t, b, c, d) {
110 | return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
111 | },
112 | easeOutCirc: function (x, t, b, c, d) {
113 | return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
114 | },
115 | easeInOutCirc: function (x, t, b, c, d) {
116 | if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
117 | return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
118 | },
119 | easeInElastic: function (x, t, b, c, d) {
120 | var s=1.70158;var p=0;var a=c;
121 | if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
122 | if (a < Math.abs(c)) { a=c; var s=p/4; }
123 | else var s = p/(2*Math.PI) * Math.asin (c/a);
124 | return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
125 | },
126 | easeOutElastic: function (x, t, b, c, d) {
127 | var s=1.70158;var p=0;var a=c;
128 | if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
129 | if (a < Math.abs(c)) { a=c; var s=p/4; }
130 | else var s = p/(2*Math.PI) * Math.asin (c/a);
131 | return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
132 | },
133 | easeInOutElastic: function (x, t, b, c, d) {
134 | var s=1.70158;var p=0;var a=c;
135 | if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);
136 | if (a < Math.abs(c)) { a=c; var s=p/4; }
137 | else var s = p/(2*Math.PI) * Math.asin (c/a);
138 | if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
139 | return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
140 | },
141 | easeInBack: function (x, t, b, c, d, s) {
142 | if (s == undefined) s = 1.70158;
143 | return c*(t/=d)*t*((s+1)*t - s) + b;
144 | },
145 | easeOutBack: function (x, t, b, c, d, s) {
146 | if (s == undefined) s = 1.70158;
147 | return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
148 | },
149 | easeInOutBack: function (x, t, b, c, d, s) {
150 | if (s == undefined) s = 1.70158;
151 | if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
152 | return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
153 | },
154 | easeInBounce: function (x, t, b, c, d) {
155 | return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
156 | },
157 | easeOutBounce: function (x, t, b, c, d) {
158 | if ((t/=d) < (1/2.75)) {
159 | return c*(7.5625*t*t) + b;
160 | } else if (t < (2/2.75)) {
161 | return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
162 | } else if (t < (2.5/2.75)) {
163 | return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
164 | } else {
165 | return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
166 | }
167 | },
168 | easeInOutBounce: function (x, t, b, c, d) {
169 | if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
170 | return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
171 | }
172 | });
173 |
174 | /*
175 | *
176 | * TERMS OF USE - EASING EQUATIONS
177 | *
178 | * Open source under the BSD License.
179 | *
180 | * Copyright © 2001 Robert Penner
181 | * All rights reserved.
182 | *
183 | * Redistribution and use in source and binary forms, with or without modification,
184 | * are permitted provided that the following conditions are met:
185 | *
186 | * Redistributions of source code must retain the above copyright notice, this list of
187 | * conditions and the following disclaimer.
188 | * Redistributions in binary form must reproduce the above copyright notice, this list
189 | * of conditions and the following disclaimer in the documentation and/or other materials
190 | * provided with the distribution.
191 | *
192 | * Neither the name of the author nor the names of contributors may be used to endorse
193 | * or promote products derived from this software without specific prior written permission.
194 | *
195 | * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
196 | * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
197 | * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
198 | * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
199 | * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
200 | * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
201 | * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
202 | * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
203 | * OF THE POSSIBILITY OF SUCH DAMAGE.
204 | *
205 | */
--------------------------------------------------------------------------------
/js/js/jquery.jqzoom-core.js:
--------------------------------------------------------------------------------
1 | /*!
2 | * jQzoom Evolution Library v2.3 - Javascript Image magnifier
3 | * http://www.mind-projects.it
4 | *
5 | * Copyright 2011, Engineer Marco Renzi
6 | * Licensed under the BSD license.
7 | *
8 | * Redistribution and use in source and binary forms, with or without
9 | * modification, are permitted provided that the following conditions are met:
10 | * * Redistributions of source code must retain the above copyright
11 | * notice, this list of conditions and the following disclaimer.
12 | * * Redistributions in binary form must reproduce the above copyright
13 | * notice, this list of conditions and the following disclaimer in the
14 | * documentation and/or other materials provided with the distribution.
15 | * * Neither the name of the organization nor the
16 | * names of its contributors may be used to endorse or promote products
17 | * derived from this software without specific prior written permission.
18 | *
19 | * Date: 03 May 2011 22:16:00
20 | */
21 | (function ($) {
22 | //GLOBAL VARIABLES
23 | var isIE6 = ($.browser.msie && $.browser.version < 7);
24 | var body = $(document.body);
25 | var window = $(window);
26 | var jqzoompluging_disabled = false; //disabilita globalmente il plugin
27 | $.fn.jqzoom = function (options) {
28 | return this.each(function () {
29 | var node = this.nodeName.toLowerCase();
30 | if (node == 'a') {
31 | new jqzoom(this, options);
32 | }
33 | });
34 | };
35 | jqzoom = function (el, options) {
36 | var api = null;
37 | api = $(el).data("jqzoom");
38 | if (api) return api;
39 | var obj = this;
40 | var settings = $.extend({}, $.jqzoom.defaults, options || {});
41 | obj.el = el;
42 | el.rel = $(el).attr('rel');
43 | //ANCHOR ELEMENT
44 | el.zoom_active = false;
45 | el.zoom_disabled = false; //to disable single zoom instance
46 | el.largeimageloading = false; //tell us if large image is loading
47 | el.largeimageloaded = false; //tell us if large image is loaded
48 | el.scale = {};
49 | el.timer = null;
50 | el.mousepos = {};
51 | el.mouseDown = false;
52 | $(el).css({
53 | 'outline-style': 'none',
54 | 'text-decoration': 'none'
55 | });
56 | //BASE IMAGE
57 | var img = $("img:eq(0)", el);
58 | el.title = $(el).attr('title');
59 | el.imagetitle = img.attr('title');
60 | var zoomtitle = ($.trim(el.title).length > 0) ? el.title : el.imagetitle;
61 | var smallimage = new Smallimage(img);
62 | var lens = new Lens();
63 | var stage = new Stage();
64 | var largeimage = new Largeimage();
65 | var loader = new Loader();
66 | //preventing default click,allowing the onclick event [exmple: lightbox]
67 | $(el).bind('click', function (e) {
68 | e.preventDefault();
69 | return false;
70 | });
71 | //setting the default zoomType if not in settings
72 | var zoomtypes = ['standard', 'drag', 'innerzoom', 'reverse'];
73 | if ($.inArray($.trim(settings.zoomType), zoomtypes) < 0) {
74 | settings.zoomType = 'standard';
75 | }
76 | $.extend(obj, {
77 | create: function () { //create the main objects
78 | //create ZoomPad
79 | if ($(".zoomPad", el).length == 0) {
80 | el.zoomPad = $('
').addClass('zoomPad');
81 | img.wrap(el.zoomPad);
82 | }
83 | if(settings.zoomType == 'innerzoom'){
84 | settings.zoomWidth = smallimage.w;
85 | settings.zoomHeight = smallimage.h;
86 | }
87 | //creating ZoomPup
88 | if ($(".zoomPup", el).length == 0) {
89 | lens.append();
90 | }
91 | //creating zoomWindow
92 | if ($(".zoomWindow", el).length == 0) {
93 | stage.append();
94 | }
95 | //creating Preload
96 | if ($(".zoomPreload", el).length == 0) {
97 | loader.append();
98 | }
99 | //preloading images
100 | if (settings.preloadImages || settings.zoomType == 'drag' || settings.alwaysOn) {
101 | obj.load();
102 | }
103 | obj.init();
104 | },
105 | init: function () {
106 | //drag option
107 | if (settings.zoomType == 'drag') {
108 | $(".zoomPad", el).mousedown(function () {
109 | el.mouseDown = true;
110 | });
111 | $(".zoomPad", el).mouseup(function () {
112 | el.mouseDown = false;
113 | });
114 | document.body.ondragstart = function () {
115 | return false;
116 | };
117 | $(".zoomPad", el).css({
118 | cursor: 'default'
119 | });
120 | $(".zoomPup", el).css({
121 | cursor: 'move'
122 | });
123 | }
124 | if (settings.zoomType == 'innerzoom') {
125 | $(".zoomWrapper", el).css({
126 | cursor: 'crosshair'
127 | });
128 | }
129 | $(".zoomPad", el).bind('mouseenter mouseover', function (event) {
130 | img.attr('title', '');
131 | $(el).attr('title', '');
132 | el.zoom_active = true;
133 | //if loaded then activate else load large image
134 | smallimage.fetchdata();
135 | if (el.largeimageloaded) {
136 | obj.activate(event);
137 | } else {
138 | obj.load();
139 | }
140 | });
141 | $(".zoomPad", el).bind('mouseleave', function (event) {
142 | obj.deactivate();
143 | });
144 | $(".zoomPad", el).bind('mousemove', function (e) {
145 |
146 | //prevent fast mouse mevements not to fire the mouseout event
147 | if (e.pageX > smallimage.pos.r || e.pageX < smallimage.pos.l || e.pageY < smallimage.pos.t || e.pageY > smallimage.pos.b) {
148 | lens.setcenter();
149 | return false;
150 | }
151 | el.zoom_active = true;
152 | if (el.largeimageloaded && !$('.zoomWindow', el).is(':visible')) {
153 | obj.activate(e);
154 | }
155 | if (el.largeimageloaded && (settings.zoomType != 'drag' || (settings.zoomType == 'drag' && el.mouseDown))) {
156 | lens.setposition(e);
157 | }
158 | });
159 | var thumb_preload = new Array();
160 | var i = 0;
161 | //binding click event on thumbnails
162 | var thumblist = new Array();
163 | thumblist = $('a').filter(function () {
164 | var regex = new RegExp("gallery[\\s]*:[\\s]*'" + $.trim(el.rel) + "'", "i");
165 | var rel = $(this).attr('rel');
166 | if (regex.test(rel)) {
167 | return this;
168 | }
169 | });
170 | if (thumblist.length > 0) {
171 | //getting the first to the last
172 | var first = thumblist.splice(0, 1);
173 | thumblist.push(first);
174 | }
175 | thumblist.each(function () {
176 | //preloading thumbs
177 | if (settings.preloadImages) {
178 | var thumb_options = $.extend({}, eval("(" + $.trim($(this).attr('rel')) + ")"));
179 | thumb_preload[i] = new Image();
180 | thumb_preload[i].src = thumb_options.largeimage;
181 | i++;
182 | }
183 | $(this).click(function (e) {
184 | if($(this).hasClass('zoomThumbActive')){
185 | return false;
186 | }
187 | thumblist.each(function () {
188 | $(this).removeClass('zoomThumbActive');
189 | });
190 | e.preventDefault();
191 | obj.swapimage(this);
192 | return false;
193 | });
194 | });
195 | },
196 | load: function () {
197 | if (el.largeimageloaded == false && el.largeimageloading == false) {
198 | var url = $(el).attr('href');
199 | el.largeimageloading = true;
200 | largeimage.loadimage(url);
201 | }
202 | },
203 | activate: function (e) {
204 | clearTimeout(el.timer);
205 | //show lens and zoomWindow
206 | lens.show();
207 | stage.show();
208 | },
209 | deactivate: function (e) {
210 | switch (settings.zoomType) {
211 | case 'drag':
212 | //nothing or lens.setcenter();
213 | break;
214 | default:
215 | img.attr('title', el.imagetitle);
216 | $(el).attr('title', el.title);
217 | if (settings.alwaysOn) {
218 | lens.setcenter();
219 | } else {
220 | stage.hide();
221 | lens.hide();
222 | }
223 | break;
224 | }
225 | el.zoom_active = false;
226 | },
227 | swapimage: function (link) {
228 | el.largeimageloading = false;
229 | el.largeimageloaded = false;
230 | var options = new Object();
231 | options = $.extend({}, eval("(" + $.trim($(link).attr('rel')) + ")"));
232 | if (options.smallimage && options.largeimage) {
233 | var smallimage = options.smallimage;
234 | var largeimage = options.largeimage;
235 | $(link).addClass('zoomThumbActive');
236 | $(el).attr('href', largeimage);
237 | img.attr('src', smallimage);
238 | lens.hide();
239 | stage.hide();
240 | obj.load();
241 | } else {
242 | alert('ERROR :: Missing parameter for largeimage or smallimage.');
243 | throw 'ERROR :: Missing parameter for largeimage or smallimage.';
244 | }
245 | return false;
246 | }
247 | });
248 | //sometimes image is already loaded and onload will not fire
249 | if (img[0].complete) {
250 | //fetching data from sallimage if was previously loaded
251 | smallimage.fetchdata();
252 | if ($(".zoomPad", el).length == 0) obj.create();
253 | }
254 | /*========================================================,
255 | | Smallimage
256 | |---------------------------------------------------------:
257 | | Base image into the anchor element
258 | `========================================================*/
259 |
260 | function Smallimage(image) {
261 | var $obj = this;
262 | this.node = image[0];
263 | this.findborder = function () {
264 | var bordertop = 0;
265 | bordertop = image.css('border-top-width');
266 | btop = '';
267 | var borderleft = 0;
268 | borderleft = image.css('border-left-width');
269 | bleft = '';
270 | if (bordertop) {
271 | for (i = 0; i < 3; i++) {
272 | var x = [];
273 | x = bordertop.substr(i, 1);
274 | if (isNaN(x) == false) {
275 | btop = btop + '' + bordertop.substr(i, 1);
276 | } else {
277 | break;
278 | }
279 | }
280 | }
281 | if (borderleft) {
282 | for (i = 0; i < 3; i++) {
283 | if (!isNaN(borderleft.substr(i, 1))) {
284 | bleft = bleft + borderleft.substr(i, 1)
285 | } else {
286 | break;
287 | }
288 | }
289 | }
290 | $obj.btop = (btop.length > 0) ? eval(btop) : 0;
291 | $obj.bleft = (bleft.length > 0) ? eval(bleft) : 0;
292 | };
293 | this.fetchdata = function () {
294 | $obj.findborder();
295 | $obj.w = image.width();
296 | $obj.h = image.height();
297 | $obj.ow = image.outerWidth();
298 | $obj.oh = image.outerHeight();
299 | $obj.pos = image.offset();
300 | $obj.pos.l = image.offset().left + $obj.bleft;
301 | $obj.pos.t = image.offset().top + $obj.btop;
302 | $obj.pos.r = $obj.w + $obj.pos.l;
303 | $obj.pos.b = $obj.h + $obj.pos.t;
304 | $obj.rightlimit = image.offset().left + $obj.ow;
305 | $obj.bottomlimit = image.offset().top + $obj.oh;
306 |
307 | };
308 | this.node.onerror = function () {
309 | alert('Problems while loading image.');
310 | throw 'Problems while loading image.';
311 | };
312 | this.node.onload = function () {
313 | $obj.fetchdata();
314 | if ($(".zoomPad", el).length == 0) obj.create();
315 | };
316 | return $obj;
317 | };
318 | /*========================================================,
319 | | Loader
320 | |---------------------------------------------------------:
321 | | Show that the large image is loading
322 | `========================================================*/
323 |
324 | function Loader() {
325 | var $obj = this;
326 | this.append = function () {
327 | this.node = $('').addClass('zoomPreload').css('visibility', 'hidden').html(settings.preloadText);
328 | $('.zoomPad', el).append(this.node);
329 | };
330 | this.show = function () {
331 | this.node.top = (smallimage.oh - this.node.height()) / 2;
332 | this.node.left = (smallimage.ow - this.node.width()) / 2;
333 | //setting position
334 | this.node.css({
335 | top: this.node.top,
336 | left: this.node.left,
337 | position: 'absolute',
338 | visibility: 'visible'
339 | });
340 | };
341 | this.hide = function () {
342 | this.node.css('visibility', 'hidden');
343 | };
344 | return this;
345 | }
346 | /*========================================================,
347 | | Lens
348 | |---------------------------------------------------------:
349 | | Lens over the image
350 | `========================================================*/
351 |
352 | function Lens() {
353 | var $obj = this;
354 | this.node = $('').addClass('zoomPup');
355 | //this.nodeimgwrapper = $("").addClass('zoomPupImgWrapper');
356 | this.append = function () {
357 | $('.zoomPad', el).append($(this.node).hide());
358 | if (settings.zoomType == 'reverse') {
359 | this.image = new Image();
360 | this.image.src = smallimage.node.src; // fires off async
361 | $(this.node).empty().append(this.image);
362 | }
363 | };
364 | this.setdimensions = function () {
365 | this.node.w = (parseInt((settings.zoomWidth) / el.scale.x) > smallimage.w ) ? smallimage.w : (parseInt(settings.zoomWidth / el.scale.x));
366 | this.node.h = (parseInt((settings.zoomHeight) / el.scale.y) > smallimage.h ) ? smallimage.h : (parseInt(settings.zoomHeight / el.scale.y));
367 | this.node.top = (smallimage.oh - this.node.h - 2) / 2;
368 | this.node.left = (smallimage.ow - this.node.w - 2) / 2;
369 | //centering lens
370 | this.node.css({
371 | top: 0,
372 | left: 0,
373 | width: this.node.w + 'px',
374 | height: this.node.h + 'px',
375 | position: 'absolute',
376 | display: 'none',
377 | borderWidth: 1 + 'px'
378 | });
379 |
380 |
381 |
382 | if (settings.zoomType == 'reverse') {
383 | this.image.src = smallimage.node.src;
384 | $(this.node).css({
385 | 'opacity': 1
386 | });
387 |
388 | $(this.image).css({
389 | position: 'absolute',
390 | display: 'block',
391 | left: -(this.node.left + 1 - smallimage.bleft) + 'px',
392 | top: -(this.node.top + 1 - smallimage.btop) + 'px'
393 | });
394 |
395 | }
396 | };
397 | this.setcenter = function () {
398 | //calculating center position
399 | this.node.top = (smallimage.oh - this.node.h - 2) / 2;
400 | this.node.left = (smallimage.ow - this.node.w - 2) / 2;
401 | //centering lens
402 | this.node.css({
403 | top: this.node.top,
404 | left: this.node.left
405 | });
406 | if (settings.zoomType == 'reverse') {
407 | $(this.image).css({
408 | position: 'absolute',
409 | display: 'block',
410 | left: -(this.node.left + 1 - smallimage.bleft) + 'px',
411 | top: -(this.node.top + 1 - smallimage.btop) + 'px'
412 | });
413 |
414 | }
415 | //centering large image
416 | largeimage.setposition();
417 | };
418 | this.setposition = function (e) {
419 | el.mousepos.x = e.pageX;
420 | el.mousepos.y = e.pageY;
421 | var lensleft = 0;
422 | var lenstop = 0;
423 |
424 | function overleft(lens) {
425 | return el.mousepos.x - (lens.w) / 2 < smallimage.pos.l;
426 | }
427 |
428 | function overright(lens) {
429 | return el.mousepos.x + (lens.w) / 2 > smallimage.pos.r;
430 |
431 | }
432 |
433 | function overtop(lens) {
434 | return el.mousepos.y - (lens.h) / 2 < smallimage.pos.t;
435 | }
436 |
437 | function overbottom(lens) {
438 | return el.mousepos.y + (lens.h) / 2 > smallimage.pos.b;
439 | }
440 |
441 | lensleft = el.mousepos.x + smallimage.bleft - smallimage.pos.l - (this.node.w + 2) / 2;
442 | lenstop = el.mousepos.y + smallimage.btop - smallimage.pos.t - (this.node.h + 2) / 2;
443 | if (overleft(this.node)) {
444 | lensleft = smallimage.bleft - 1;
445 | } else if (overright(this.node)) {
446 | lensleft = smallimage.w + smallimage.bleft - this.node.w - 1;
447 | }
448 | if (overtop(this.node)) {
449 | lenstop = smallimage.btop - 1;
450 | } else if (overbottom(this.node)) {
451 | lenstop = smallimage.h + smallimage.btop - this.node.h - 1;
452 | }
453 |
454 | this.node.left = lensleft;
455 | this.node.top = lenstop;
456 | this.node.css({
457 | 'left': lensleft + 'px',
458 | 'top': lenstop + 'px'
459 | });
460 | if (settings.zoomType == 'reverse') {
461 | if ($.browser.msie && $.browser.version > 7) {
462 | $(this.node).empty().append(this.image);
463 | }
464 |
465 | $(this.image).css({
466 | position: 'absolute',
467 | display: 'block',
468 | left: -(this.node.left + 1 - smallimage.bleft) + 'px',
469 | top: -(this.node.top + 1 - smallimage.btop) + 'px'
470 | });
471 | }
472 |
473 | largeimage.setposition();
474 | };
475 | this.hide = function () {
476 | img.css({
477 | 'opacity': 1
478 | });
479 | this.node.hide();
480 | };
481 | this.show = function () {
482 |
483 | if (settings.zoomType != 'innerzoom' && (settings.lens || settings.zoomType == 'drag')) {
484 | this.node.show();
485 | }
486 |
487 | if (settings.zoomType == 'reverse') {
488 | img.css({
489 | 'opacity': settings.imageOpacity
490 | });
491 | }
492 | };
493 | this.getoffset = function () {
494 | var o = {};
495 | o.left = $obj.node.left;
496 | o.top = $obj.node.top;
497 | return o;
498 | };
499 | return this;
500 | };
501 | /*========================================================,
502 | | Stage
503 | |---------------------------------------------------------:
504 | | Window area that contains the large image
505 | `========================================================*/
506 |
507 | function Stage() {
508 | var $obj = this;
509 | this.node = $("");
510 | this.ieframe = $('');
511 | this.setposition = function () {
512 | this.node.leftpos = 0;
513 | this.node.toppos = 0;
514 | if (settings.zoomType != 'innerzoom') {
515 | //positioning
516 | switch (settings.position) {
517 | case "left":
518 | this.node.leftpos = (smallimage.pos.l - smallimage.bleft - Math.abs(settings.xOffset) - settings.zoomWidth > 0) ? (0 - settings.zoomWidth - Math.abs(settings.xOffset)) : (smallimage.ow + Math.abs(settings.xOffset));
519 | this.node.toppos = Math.abs(settings.yOffset);
520 | break;
521 | case "top":
522 | this.node.leftpos = Math.abs(settings.xOffset);
523 | this.node.toppos = (smallimage.pos.t - smallimage.btop - Math.abs(settings.yOffset) - settings.zoomHeight > 0) ? (0 - settings.zoomHeight - Math.abs(settings.yOffset)) : (smallimage.oh + Math.abs(settings.yOffset));
524 | break;
525 | case "bottom":
526 | this.node.leftpos = Math.abs(settings.xOffset);
527 | this.node.toppos = (smallimage.pos.t - smallimage.btop + smallimage.oh + Math.abs(settings.yOffset) + settings.zoomHeight < screen.height) ? (smallimage.oh + Math.abs(settings.yOffset)) : (0 - settings.zoomHeight - Math.abs(settings.yOffset));
528 | break;
529 | default:
530 | this.node.leftpos = (smallimage.rightlimit + Math.abs(settings.xOffset) + settings.zoomWidth < screen.width) ? (smallimage.ow + Math.abs(settings.xOffset)) : (0 - settings.zoomWidth - Math.abs(settings.xOffset));
531 | this.node.toppos = Math.abs(settings.yOffset);
532 | break;
533 | }
534 | }
535 | this.node.css({
536 | 'left': this.node.leftpos + 'px',
537 | 'top': this.node.toppos + 'px'
538 | });
539 | return this;
540 | };
541 | this.append = function () {
542 | $('.zoomPad', el).append(this.node);
543 | this.node.css({
544 | position: 'absolute',
545 | display: 'none',
546 | zIndex: 5001
547 | });
548 | if (settings.zoomType == 'innerzoom') {
549 | this.node.css({
550 | cursor: 'default'
551 | });
552 | var thickness = (smallimage.bleft == 0) ? 1 : smallimage.bleft;
553 | $('.zoomWrapper', this.node).css({
554 | borderWidth: thickness + 'px'
555 | });
556 | }
557 |
558 | $('.zoomWrapper', this.node).css({
559 | width: Math.round(settings.zoomWidth) + 'px' ,
560 | borderWidth: thickness + 'px'
561 | });
562 | $('.zoomWrapperImage', this.node).css({
563 | width: '100%',
564 | height: Math.round(settings.zoomHeight) + 'px'
565 | });
566 | //zoom title
567 | $('.zoomWrapperTitle', this.node).css({
568 | width: '100%',
569 | position: 'absolute'
570 | });
571 |
572 | $('.zoomWrapperTitle', this.node).hide();
573 | if (settings.title && zoomtitle.length > 0) {
574 | $('.zoomWrapperTitle', this.node).html(zoomtitle).show();
575 | }
576 | $obj.setposition();
577 | };
578 | this.hide = function () {
579 | switch (settings.hideEffect) {
580 | case 'fadeout':
581 | this.node.fadeOut(settings.fadeoutSpeed, function () {});
582 | break;
583 | default:
584 | this.node.hide();
585 | break;
586 | }
587 | this.ieframe.hide();
588 | };
589 | this.show = function () {
590 | switch (settings.showEffect) {
591 | case 'fadein':
592 | this.node.fadeIn();
593 | this.node.fadeIn(settings.fadeinSpeed, function () {});
594 | break;
595 | default:
596 | this.node.show();
597 | break;
598 | }
599 | if (isIE6 && settings.zoomType != 'innerzoom') {
600 | this.ieframe.width = this.node.width();
601 | this.ieframe.height = this.node.height();
602 | this.ieframe.left = this.node.leftpos;
603 | this.ieframe.top = this.node.toppos;
604 | this.ieframe.css({
605 | display: 'block',
606 | position: "absolute",
607 | left: this.ieframe.left,
608 | top: this.ieframe.top,
609 | zIndex: 99,
610 | width: this.ieframe.width + 'px',
611 | height: this.ieframe.height + 'px'
612 | });
613 | $('.zoomPad', el).append(this.ieframe);
614 | this.ieframe.show();
615 | };
616 | };
617 | };
618 | /*========================================================,
619 | | LargeImage
620 | |---------------------------------------------------------:
621 | | The large detailed image
622 | `========================================================*/
623 |
624 | function Largeimage() {
625 | var $obj = this;
626 | this.node = new Image();
627 | this.loadimage = function (url) {
628 | //showing preload
629 | loader.show();
630 | this.url = url;
631 | this.node.style.position = 'absolute';
632 | this.node.style.border = '0px';
633 | this.node.style.display = 'none';
634 | this.node.style.left = '-5000px';
635 | this.node.style.top = '0px';
636 | document.body.appendChild(this.node);
637 | this.node.src = url; // fires off async
638 | };
639 | this.fetchdata = function () {
640 | var image = $(this.node);
641 | var scale = {};
642 | this.node.style.display = 'block';
643 | $obj.w = image.width();
644 | $obj.h = image.height();
645 | $obj.pos = image.offset();
646 | $obj.pos.l = image.offset().left;
647 | $obj.pos.t = image.offset().top;
648 | $obj.pos.r = $obj.w + $obj.pos.l;
649 | $obj.pos.b = $obj.h + $obj.pos.t;
650 | scale.x = ($obj.w / smallimage.w);
651 | scale.y = ($obj.h / smallimage.h);
652 | el.scale = scale;
653 | document.body.removeChild(this.node);
654 | $('.zoomWrapperImage', el).empty().append(this.node);
655 | //setting lens dimensions;
656 | lens.setdimensions();
657 | };
658 | this.node.onerror = function () {
659 | alert('Problems while loading the big image.');
660 | throw 'Problems while loading the big image.';
661 | };
662 | this.node.onload = function () {
663 | //fetching data
664 | $obj.fetchdata();
665 | loader.hide();
666 | el.largeimageloading = false;
667 | el.largeimageloaded = true;
668 | if (settings.zoomType == 'drag' || settings.alwaysOn) {
669 | lens.show();
670 | stage.show();
671 | lens.setcenter();
672 | }
673 | };
674 | this.setposition = function () {
675 | var left = -el.scale.x * (lens.getoffset().left - smallimage.bleft + 1);
676 | var top = -el.scale.y * (lens.getoffset().top - smallimage.btop + 1);
677 | $(this.node).css({
678 | 'left': left + 'px',
679 | 'top': top + 'px'
680 | });
681 | };
682 | return this;
683 | };
684 | $(el).data("jqzoom", obj);
685 | };
686 | //es. $.jqzoom.disable('#jqzoom1');
687 | $.jqzoom = {
688 | defaults: {
689 | zoomType: 'standard',
690 | //innerzoom/standard/reverse/drag
691 | zoomWidth: 300,
692 | //zoomWindow default width
693 | zoomHeight: 300,
694 | //zoomWindow default height
695 | xOffset: 10,
696 | //zoomWindow x offset, can be negative(more on the left) or positive(more on the right)
697 | yOffset: 0,
698 | //zoomWindow y offset, can be negative(more on the left) or positive(more on the right)
699 | position: "right",
700 | //zoomWindow default position
701 | preloadImages: true,
702 | //image preload
703 | preloadText: 'Loading zoom',
704 | title: true,
705 | lens: true,
706 | imageOpacity: 0.4,
707 | alwaysOn: false,
708 | showEffect: 'show',
709 | //show/fadein
710 | hideEffect: 'hide',
711 | //hide/fadeout
712 | fadeinSpeed: 'slow',
713 | //fast/slow/number
714 | fadeoutSpeed: '2000' //fast/slow/number
715 | },
716 | disable: function (el) {
717 | var api = $(el).data('jqzoom');
718 | api.disable();
719 | return false;
720 | },
721 | enable: function (el) {
722 | var api = $(el).data('jqzoom');
723 | api.enable();
724 | return false;
725 | },
726 | disableAll: function (el) {
727 | jqzoompluging_disabled = true;
728 | },
729 | enableAll: function (el) {
730 | jqzoompluging_disabled = false;
731 | }
732 | };
733 | })(jQuery);
--------------------------------------------------------------------------------
/js/js/jquery.jqzoom.css:
--------------------------------------------------------------------------------
1 | .zoomPad{
2 | position:relative;
3 | float:left;
4 | z-index:99;
5 | cursor:crosshair;
6 | }
7 |
8 |
9 | .zoomPreload{
10 | -moz-opacity:0.8;
11 | opacity: 0.8;
12 | filter: alpha(opacity = 80);
13 | color: #333;
14 | font-size: 12px;
15 | font-family: Tahoma;
16 | text-decoration: none;
17 | border: 1px solid #CCC;
18 | background-color: white;
19 | padding: 8px;
20 | text-align:center;
21 | background-image: url(../images/zoomloader.gif);
22 | background-repeat: no-repeat;
23 | background-position: 43px 30px;
24 | z-index:110;
25 | width:90px;
26 | height:43px;
27 | position:absolute;
28 | top:0px;
29 | left:0px;
30 | * width:100px;
31 | * height:49px;
32 | }
33 |
34 |
35 | .zoomPup{
36 | overflow:hidden;
37 | background-color: #FFF;
38 | -moz-opacity:0.6;
39 | opacity: 0.6;
40 | filter: alpha(opacity = 60);
41 | z-index:120;
42 | position:absolute;
43 | border:1px solid #CCC;
44 | z-index:101;
45 | cursor:crosshair;
46 | }
47 |
48 | .zoomOverlay{
49 | position:absolute;
50 | left:0px;
51 | top:0px;
52 | background:#FFF;
53 | /*opacity:0.5;*/
54 | z-index:5000;
55 | width:100%;
56 | height:100%;
57 | display:none;
58 | z-index:101;
59 | }
60 |
61 | .zoomWindow{
62 | position:absolute;
63 | left:110%;
64 | top:40px;
65 | background:#FFF;
66 | z-index:6000;
67 | height:auto;
68 | z-index:10000;
69 | z-index:110;
70 | }
71 | .zoomWrapper{
72 | position:relative;
73 | border:1px solid #999;
74 | z-index:110;
75 | }
76 | .zoomWrapperTitle{
77 | /*display:block;
78 | background:#999;
79 | color:#FFF;
80 | height:18px;
81 | line-height:18px;
82 | width:100%;
83 | overflow:hidden;
84 | text-align:center;
85 | font-size:10px;
86 | position:absolute;
87 | top:0px;
88 | left:0px;
89 | z-index:120;
90 | -moz-opacity:0.6;
91 | opacity: 0.6;
92 | filter: alpha(opacity = 60);*/
93 | }
94 | .zoomWrapperImage{
95 | display:block;
96 | position:relative;
97 | overflow:hidden;
98 | z-index:110;
99 |
100 | }
101 | .zoomWrapperImage img{
102 | border:0px;
103 | display:block;
104 | position:absolute;
105 | z-index:101;
106 | }
107 |
108 | .zoomIframe{
109 | z-index: -1;
110 | filter:alpha(opacity=0);
111 | -moz-opacity: 0.80;
112 | opacity: 0.80;
113 | position:absolute;
114 | display:block;
115 | }
116 |
117 | /*********************************************************
118 | / When clicking on thumbs jqzoom will add the class
119 | / "zoomThumbActive" on the anchor selected
120 | /*********************************************************/
--------------------------------------------------------------------------------
/js/js/jquery.lazyload.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Lazy Load - jQuery plugin for lazy loading images
3 | *
4 | * Copyright (c) 2007-2015 Mika Tuupola
5 | *
6 | * Licensed under the MIT license:
7 | * http://www.opensource.org/licenses/mit-license.php
8 | *
9 | * Project home:
10 | * http://www.appelsiini.net/projects/lazyload
11 | *
12 | * Version: 1.9.5
13 | *
14 | */
15 |
16 | (function($, window, document, undefined) {
17 | var $window = $(window);
18 |
19 | $.fn.lazyload = function(options) {
20 | var elements = this;
21 | var $container;
22 | var settings = {
23 | threshold : 0,
24 | failure_limit : 0,
25 | event : "scroll",
26 | effect : "show",
27 | container : window,
28 | data_attribute : "original",
29 | skip_invisible : false,
30 | appear : null,
31 | load : null,
32 | placeholder : "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC"
33 | };
34 |
35 | function update() {
36 | var counter = 0;
37 |
38 | elements.each(function() {
39 | var $this = $(this);
40 | if (settings.skip_invisible && !$this.is(":visible")) {
41 | return;
42 | }
43 | if ($.abovethetop(this, settings) ||
44 | $.leftofbegin(this, settings)) {
45 | /* Nothing. */
46 | } else if (!$.belowthefold(this, settings) &&
47 | !$.rightoffold(this, settings)) {
48 | $this.trigger("appear");
49 | /* if we found an image we'll load, reset the counter */
50 | counter = 0;
51 | } else {
52 | if (++counter > settings.failure_limit) {
53 | return false;
54 | }
55 | }
56 | });
57 |
58 | }
59 |
60 | if(options) {
61 | /* Maintain BC for a couple of versions. */
62 | if (undefined !== options.failurelimit) {
63 | options.failure_limit = options.failurelimit;
64 | delete options.failurelimit;
65 | }
66 | if (undefined !== options.effectspeed) {
67 | options.effect_speed = options.effectspeed;
68 | delete options.effectspeed;
69 | }
70 |
71 | $.extend(settings, options);
72 | }
73 |
74 | /* Cache container as jQuery as object. */
75 | $container = (settings.container === undefined ||
76 | settings.container === window) ? $window : $(settings.container);
77 |
78 | /* Fire one scroll event per scroll. Not one scroll event per image. */
79 | if (0 === settings.event.indexOf("scroll")) {
80 | $container.bind(settings.event, function() {
81 | return update();
82 | });
83 | }
84 |
85 | this.each(function() {
86 | var self = this;
87 | var $self = $(self);
88 |
89 | self.loaded = false;
90 |
91 | /* If no src attribute given use data:uri. */
92 | if ($self.attr("src") === undefined || $self.attr("src") === false) {
93 | if ($self.is("img")) {
94 | $self.attr("src", settings.placeholder);
95 | }
96 | }
97 |
98 | /* When appear is triggered load original image. */
99 | $self.one("appear", function() {
100 | if (!this.loaded) {
101 | if (settings.appear) {
102 | var elements_left = elements.length;
103 | settings.appear.call(self, elements_left, settings);
104 | }
105 | $("
")
106 | .bind("load", function() {
107 |
108 | var original = $self.attr("data-" + settings.data_attribute);
109 | $self.hide();
110 | if ($self.is("img")) {
111 | $self.attr("src", original);
112 | } else {
113 | $self.css("background-image", "url('" + original + "')");
114 | }
115 | $self[settings.effect](settings.effect_speed);
116 |
117 | self.loaded = true;
118 |
119 | /* Remove image from array so it is not looped next time. */
120 | var temp = $.grep(elements, function(element) {
121 | return !element.loaded;
122 | });
123 | elements = $(temp);
124 |
125 | if (settings.load) {
126 | var elements_left = elements.length;
127 | settings.load.call(self, elements_left, settings);
128 | }
129 | })
130 | .attr("src", $self.attr("data-" + settings.data_attribute));
131 | }
132 | });
133 |
134 | /* When wanted event is triggered load original image */
135 | /* by triggering appear. */
136 | if (0 !== settings.event.indexOf("scroll")) {
137 | $self.bind(settings.event, function() {
138 | if (!self.loaded) {
139 | $self.trigger("appear");
140 | }
141 | });
142 | }
143 | });
144 |
145 | /* Check if something appears when window is resized. */
146 | $window.bind("resize", function() {
147 | update();
148 | });
149 |
150 | /* With IOS5 force loading images when navigating with back button. */
151 | /* Non optimal workaround. */
152 | if ((/(?:iphone|ipod|ipad).*os 5/gi).test(navigator.appVersion)) {
153 | $window.bind("pageshow", function(event) {
154 | if (event.originalEvent && event.originalEvent.persisted) {
155 | elements.each(function() {
156 | $(this).trigger("appear");
157 | });
158 | }
159 | });
160 | }
161 |
162 | /* Force initial check if images should appear. */
163 | $(document).ready(function() {
164 | update();
165 | });
166 |
167 | return this;
168 | };
169 |
170 | /* Convenience methods in jQuery namespace. */
171 | /* Use as $.belowthefold(element, {threshold : 100, container : window}) */
172 |
173 | $.belowthefold = function(element, settings) {
174 | var fold;
175 |
176 | if (settings.container === undefined || settings.container === window) {
177 | fold = (window.innerHeight ? window.innerHeight : $window.height()) + $window.scrollTop();
178 | } else {
179 | fold = $(settings.container).offset().top + $(settings.container).height();
180 | }
181 |
182 | return fold <= $(element).offset().top - settings.threshold;
183 | };
184 |
185 | $.rightoffold = function(element, settings) {
186 | var fold;
187 |
188 | if (settings.container === undefined || settings.container === window) {
189 | fold = $window.width() + $window.scrollLeft();
190 | } else {
191 | fold = $(settings.container).offset().left + $(settings.container).width();
192 | }
193 |
194 | return fold <= $(element).offset().left - settings.threshold;
195 | };
196 |
197 | $.abovethetop = function(element, settings) {
198 | var fold;
199 |
200 | if (settings.container === undefined || settings.container === window) {
201 | fold = $window.scrollTop();
202 | } else {
203 | fold = $(settings.container).offset().top;
204 | }
205 |
206 | return fold >= $(element).offset().top + settings.threshold + $(element).height();
207 | };
208 |
209 | $.leftofbegin = function(element, settings) {
210 | var fold;
211 |
212 | if (settings.container === undefined || settings.container === window) {
213 | fold = $window.scrollLeft();
214 | } else {
215 | fold = $(settings.container).offset().left;
216 | }
217 |
218 | return fold >= $(element).offset().left + settings.threshold + $(element).width();
219 | };
220 |
221 | $.inviewport = function(element, settings) {
222 | return !$.rightoffold(element, settings) && !$.leftofbegin(element, settings) &&
223 | !$.belowthefold(element, settings) && !$.abovethetop(element, settings);
224 | };
225 |
226 | /* Custom selectors for your convenience. */
227 | /* Use as $("img:below-the-fold").something() or */
228 | /* $("img").filter(":below-the-fold").something() which is faster */
229 |
230 | $.extend($.expr[":"], {
231 | "below-the-fold" : function(a) { return $.belowthefold(a, {threshold : 0}); },
232 | "above-the-top" : function(a) { return !$.belowthefold(a, {threshold : 0}); },
233 | "right-of-screen": function(a) { return $.rightoffold(a, {threshold : 0}); },
234 | "left-of-screen" : function(a) { return !$.rightoffold(a, {threshold : 0}); },
235 | "in-viewport" : function(a) { return $.inviewport(a, {threshold : 0}); },
236 | /* Maintain BC for couple of versions. */
237 | "above-the-fold" : function(a) { return !$.belowthefold(a, {threshold : 0}); },
238 | "right-of-fold" : function(a) { return $.rightoffold(a, {threshold : 0}); },
239 | "left-of-fold" : function(a) { return !$.rightoffold(a, {threshold : 0}); }
240 | });
241 |
242 | })(jQuery, window, document);
243 |
--------------------------------------------------------------------------------
/js/js/jquery.stellar.min.js:
--------------------------------------------------------------------------------
1 | /*! Stellar.js v0.6.2 | Copyright 2014, Mark Dalgleish | http://markdalgleish.com/projects/stellar.js | http://markdalgleish.mit-license.org */
2 | !function(a,b,c,d){function e(b,c){this.element=b,this.options=a.extend({},g,c),this._defaults=g,this._name=f,this.init()}var f="stellar",g={scrollProperty:"scroll",positionProperty:"position",horizontalScrolling:!0,verticalScrolling:!0,horizontalOffset:0,verticalOffset:0,responsive:!1,parallaxBackgrounds:!0,parallaxElements:!0,hideDistantElements:!0,hideElement:function(a){a.hide()},showElement:function(a){a.show()}},h={scroll:{getLeft:function(a){return a.scrollLeft()},setLeft:function(a,b){a.scrollLeft(b)},getTop:function(a){return a.scrollTop()},setTop:function(a,b){a.scrollTop(b)}},position:{getLeft:function(a){return-1*parseInt(a.css("left"),10)},getTop:function(a){return-1*parseInt(a.css("top"),10)}},margin:{getLeft:function(a){return-1*parseInt(a.css("margin-left"),10)},getTop:function(a){return-1*parseInt(a.css("margin-top"),10)}},transform:{getLeft:function(a){var b=getComputedStyle(a[0])[k];return"none"!==b?-1*parseInt(b.match(/(-?[0-9]+)/g)[4],10):0},getTop:function(a){var b=getComputedStyle(a[0])[k];return"none"!==b?-1*parseInt(b.match(/(-?[0-9]+)/g)[5],10):0}}},i={position:{setLeft:function(a,b){a.css("left",b)},setTop:function(a,b){a.css("top",b)}},transform:{setPosition:function(a,b,c,d,e){a[0].style[k]="translate3d("+(b-c)+"px, "+(d-e)+"px, 0)"}}},j=function(){var b,c=/^(Moz|Webkit|Khtml|O|ms|Icab)(?=[A-Z])/,d=a("script")[0].style,e="";for(b in d)if(c.test(b)){e=b.match(c)[0];break}return"WebkitOpacity"in d&&(e="Webkit"),"KhtmlOpacity"in d&&(e="Khtml"),function(a){return e+(e.length>0?a.charAt(0).toUpperCase()+a.slice(1):a)}}(),k=j("transform"),l=a("",{style:"background:#fff"}).css("background-position-x")!==d,m=l?function(a,b,c){a.css({"background-position-x":b,"background-position-y":c})}:function(a,b,c){a.css("background-position",b+" "+c)},n=l?function(a){return[a.css("background-position-x"),a.css("background-position-y")]}:function(a){return a.css("background-position").split(" ")},o=b.requestAnimationFrame||b.webkitRequestAnimationFrame||b.mozRequestAnimationFrame||b.oRequestAnimationFrame||b.msRequestAnimationFrame||function(a){setTimeout(a,1e3/60)};e.prototype={init:function(){this.options.name=f+"_"+Math.floor(1e9*Math.random()),this._defineElements(),this._defineGetters(),this._defineSetters(),this._handleWindowLoadAndResize(),this._detectViewport(),this.refresh({firstLoad:!0}),"scroll"===this.options.scrollProperty?this._handleScrollEvent():this._startAnimationLoop()},_defineElements:function(){this.element===c.body&&(this.element=b),this.$scrollElement=a(this.element),this.$element=this.element===b?a("body"):this.$scrollElement,this.$viewportElement=this.options.viewportElement!==d?a(this.options.viewportElement):this.$scrollElement[0]===b||"scroll"===this.options.scrollProperty?this.$scrollElement:this.$scrollElement.parent()},_defineGetters:function(){var a=this,b=h[a.options.scrollProperty];this._getScrollLeft=function(){return b.getLeft(a.$scrollElement)},this._getScrollTop=function(){return b.getTop(a.$scrollElement)}},_defineSetters:function(){var b=this,c=h[b.options.scrollProperty],d=i[b.options.positionProperty],e=c.setLeft,f=c.setTop;this._setScrollLeft="function"==typeof e?function(a){e(b.$scrollElement,a)}:a.noop,this._setScrollTop="function"==typeof f?function(a){f(b.$scrollElement,a)}:a.noop,this._setPosition=d.setPosition||function(a,c,e,f,g){b.options.horizontalScrolling&&d.setLeft(a,c,e),b.options.verticalScrolling&&d.setTop(a,f,g)}},_handleWindowLoadAndResize:function(){var c=this,d=a(b);c.options.responsive&&d.bind("load."+this.name,function(){c.refresh()}),d.bind("resize."+this.name,function(){c._detectViewport(),c.options.responsive&&c.refresh()})},refresh:function(c){var d=this,e=d._getScrollLeft(),f=d._getScrollTop();c&&c.firstLoad||this._reset(),this._setScrollLeft(0),this._setScrollTop(0),this._setOffsets(),this._findParticles(),this._findBackgrounds(),c&&c.firstLoad&&/WebKit/.test(navigator.userAgent)&&a(b).load(function(){var a=d._getScrollLeft(),b=d._getScrollTop();d._setScrollLeft(a+1),d._setScrollTop(b+1),d._setScrollLeft(a),d._setScrollTop(b)}),this._setScrollLeft(e),this._setScrollTop(f)},_detectViewport:function(){var a=this.$viewportElement.offset(),b=null!==a&&a!==d;this.viewportWidth=this.$viewportElement.width(),this.viewportHeight=this.$viewportElement.height(),this.viewportOffsetTop=b?a.top:0,this.viewportOffsetLeft=b?a.left:0},_findParticles:function(){{var b=this;this._getScrollLeft(),this._getScrollTop()}if(this.particles!==d)for(var c=this.particles.length-1;c>=0;c--)this.particles[c].$element.data("stellar-elementIsActive",d);this.particles=[],this.options.parallaxElements&&this.$element.find("[data-stellar-ratio]").each(function(){var c,e,f,g,h,i,j,k,l,m=a(this),n=0,o=0,p=0,q=0;if(m.data("stellar-elementIsActive")){if(m.data("stellar-elementIsActive")!==this)return}else m.data("stellar-elementIsActive",this);b.options.showElement(m),m.data("stellar-startingLeft")?(m.css("left",m.data("stellar-startingLeft")),m.css("top",m.data("stellar-startingTop"))):(m.data("stellar-startingLeft",m.css("left")),m.data("stellar-startingTop",m.css("top"))),f=m.position().left,g=m.position().top,h="auto"===m.css("margin-left")?0:parseInt(m.css("margin-left"),10),i="auto"===m.css("margin-top")?0:parseInt(m.css("margin-top"),10),k=m.offset().left-h,l=m.offset().top-i,m.parents().each(function(){var b=a(this);return b.data("stellar-offset-parent")===!0?(n=p,o=q,j=b,!1):(p+=b.position().left,void(q+=b.position().top))}),c=m.data("stellar-horizontal-offset")!==d?m.data("stellar-horizontal-offset"):j!==d&&j.data("stellar-horizontal-offset")!==d?j.data("stellar-horizontal-offset"):b.horizontalOffset,e=m.data("stellar-vertical-offset")!==d?m.data("stellar-vertical-offset"):j!==d&&j.data("stellar-vertical-offset")!==d?j.data("stellar-vertical-offset"):b.verticalOffset,b.particles.push({$element:m,$offsetParent:j,isFixed:"fixed"===m.css("position"),horizontalOffset:c,verticalOffset:e,startingPositionLeft:f,startingPositionTop:g,startingOffsetLeft:k,startingOffsetTop:l,parentOffsetLeft:n,parentOffsetTop:o,stellarRatio:m.data("stellar-ratio")!==d?m.data("stellar-ratio"):1,width:m.outerWidth(!0),height:m.outerHeight(!0),isHidden:!1})})},_findBackgrounds:function(){var b,c=this,e=this._getScrollLeft(),f=this._getScrollTop();this.backgrounds=[],this.options.parallaxBackgrounds&&(b=this.$element.find("[data-stellar-background-ratio]"),this.$element.data("stellar-background-ratio")&&(b=b.add(this.$element)),b.each(function(){var b,g,h,i,j,k,l,o=a(this),p=n(o),q=0,r=0,s=0,t=0;if(o.data("stellar-backgroundIsActive")){if(o.data("stellar-backgroundIsActive")!==this)return}else o.data("stellar-backgroundIsActive",this);o.data("stellar-backgroundStartingLeft")?m(o,o.data("stellar-backgroundStartingLeft"),o.data("stellar-backgroundStartingTop")):(o.data("stellar-backgroundStartingLeft",p[0]),o.data("stellar-backgroundStartingTop",p[1])),h="auto"===o.css("margin-left")?0:parseInt(o.css("margin-left"),10),i="auto"===o.css("margin-top")?0:parseInt(o.css("margin-top"),10),j=o.offset().left-h-e,k=o.offset().top-i-f,o.parents().each(function(){var b=a(this);return b.data("stellar-offset-parent")===!0?(q=s,r=t,l=b,!1):(s+=b.position().left,void(t+=b.position().top))}),b=o.data("stellar-horizontal-offset")!==d?o.data("stellar-horizontal-offset"):l!==d&&l.data("stellar-horizontal-offset")!==d?l.data("stellar-horizontal-offset"):c.horizontalOffset,g=o.data("stellar-vertical-offset")!==d?o.data("stellar-vertical-offset"):l!==d&&l.data("stellar-vertical-offset")!==d?l.data("stellar-vertical-offset"):c.verticalOffset,c.backgrounds.push({$element:o,$offsetParent:l,isFixed:"fixed"===o.css("background-attachment"),horizontalOffset:b,verticalOffset:g,startingValueLeft:p[0],startingValueTop:p[1],startingBackgroundPositionLeft:isNaN(parseInt(p[0],10))?0:parseInt(p[0],10),startingBackgroundPositionTop:isNaN(parseInt(p[1],10))?0:parseInt(p[1],10),startingPositionLeft:o.position().left,startingPositionTop:o.position().top,startingOffsetLeft:j,startingOffsetTop:k,parentOffsetLeft:q,parentOffsetTop:r,stellarRatio:o.data("stellar-background-ratio")===d?1:o.data("stellar-background-ratio")})}))},_reset:function(){var a,b,c,d,e;for(e=this.particles.length-1;e>=0;e--)a=this.particles[e],b=a.$element.data("stellar-startingLeft"),c=a.$element.data("stellar-startingTop"),this._setPosition(a.$element,b,b,c,c),this.options.showElement(a.$element),a.$element.data("stellar-startingLeft",null).data("stellar-elementIsActive",null).data("stellar-backgroundIsActive",null);for(e=this.backgrounds.length-1;e>=0;e--)d=this.backgrounds[e],d.$element.data("stellar-backgroundStartingLeft",null).data("stellar-backgroundStartingTop",null),m(d.$element,d.startingValueLeft,d.startingValueTop)},destroy:function(){this._reset(),this.$scrollElement.unbind("resize."+this.name).unbind("scroll."+this.name),this._animationLoop=a.noop,a(b).unbind("load."+this.name).unbind("resize."+this.name)},_setOffsets:function(){var c=this,d=a(b);d.unbind("resize.horizontal-"+this.name).unbind("resize.vertical-"+this.name),"function"==typeof this.options.horizontalOffset?(this.horizontalOffset=this.options.horizontalOffset(),d.bind("resize.horizontal-"+this.name,function(){c.horizontalOffset=c.options.horizontalOffset()})):this.horizontalOffset=this.options.horizontalOffset,"function"==typeof this.options.verticalOffset?(this.verticalOffset=this.options.verticalOffset(),d.bind("resize.vertical-"+this.name,function(){c.verticalOffset=c.options.verticalOffset()})):this.verticalOffset=this.options.verticalOffset},_repositionElements:function(){var a,b,c,d,e,f,g,h,i,j,k=this._getScrollLeft(),l=this._getScrollTop(),n=!0,o=!0;if(this.currentScrollLeft!==k||this.currentScrollTop!==l||this.currentWidth!==this.viewportWidth||this.currentHeight!==this.viewportHeight){for(this.currentScrollLeft=k,this.currentScrollTop=l,this.currentWidth=this.viewportWidth,this.currentHeight=this.viewportHeight,j=this.particles.length-1;j>=0;j--)a=this.particles[j],b=a.isFixed?1:0,this.options.horizontalScrolling?(f=(k+a.horizontalOffset+this.viewportOffsetLeft+a.startingPositionLeft-a.startingOffsetLeft+a.parentOffsetLeft)*-(a.stellarRatio+b-1)+a.startingPositionLeft,h=f-a.startingPositionLeft+a.startingOffsetLeft):(f=a.startingPositionLeft,h=a.startingOffsetLeft),this.options.verticalScrolling?(g=(l+a.verticalOffset+this.viewportOffsetTop+a.startingPositionTop-a.startingOffsetTop+a.parentOffsetTop)*-(a.stellarRatio+b-1)+a.startingPositionTop,i=g-a.startingPositionTop+a.startingOffsetTop):(g=a.startingPositionTop,i=a.startingOffsetTop),this.options.hideDistantElements&&(o=!this.options.horizontalScrolling||h+a.width>(a.isFixed?0:k)&&h<(a.isFixed?0:k)+this.viewportWidth+this.viewportOffsetLeft,n=!this.options.verticalScrolling||i+a.height>(a.isFixed?0:l)&&i<(a.isFixed?0:l)+this.viewportHeight+this.viewportOffsetTop),o&&n?(a.isHidden&&(this.options.showElement(a.$element),a.isHidden=!1),this._setPosition(a.$element,f,a.startingPositionLeft,g,a.startingPositionTop)):a.isHidden||(this.options.hideElement(a.$element),a.isHidden=!0);for(j=this.backgrounds.length-1;j>=0;j--)c=this.backgrounds[j],b=c.isFixed?0:1,d=this.options.horizontalScrolling?(k+c.horizontalOffset-this.viewportOffsetLeft-c.startingOffsetLeft+c.parentOffsetLeft-c.startingBackgroundPositionLeft)*(b-c.stellarRatio)+"px":c.startingValueLeft,e=this.options.verticalScrolling?(l+c.verticalOffset-this.viewportOffsetTop-c.startingOffsetTop+c.parentOffsetTop-c.startingBackgroundPositionTop)*(b-c.stellarRatio)+"px":c.startingValueTop,m(c.$element,d,e)}},_handleScrollEvent:function(){var a=this,b=!1,c=function(){a._repositionElements(),b=!1},d=function(){b||(o(c),b=!0)};this.$scrollElement.bind("scroll."+this.name,d),d()},_startAnimationLoop:function(){var a=this;this._animationLoop=function(){o(a._animationLoop),a._repositionElements()},this._animationLoop()}},a.fn[f]=function(b){var c=arguments;return b===d||"object"==typeof b?this.each(function(){a.data(this,"plugin_"+f)||a.data(this,"plugin_"+f,new e(this,b))}):"string"==typeof b&&"_"!==b[0]&&"init"!==b?this.each(function(){var d=a.data(this,"plugin_"+f);d instanceof e&&"function"==typeof d[b]&&d[b].apply(d,Array.prototype.slice.call(c,1)),"destroy"===b&&a.data(this,"plugin_"+f,null)}):void 0},a[f]=function(){var c=a(b);return c.stellar.apply(c,Array.prototype.slice.call(arguments,0))},a[f].scrollProperty=h,a[f].positionProperty=i,b.Stellar=e}(jQuery,this,document);
--------------------------------------------------------------------------------
/js/js/layer.js:
--------------------------------------------------------------------------------
1 | /*! layer-v3.1.1 Web弹层组件 MIT License http://layer.layui.com/ By 贤心 */
2 | ;!function(e,t){"use strict";var i,n,a=e.layui&&layui.define,o={getPath:function(){var e=document.currentScript?document.currentScript.src:function(){for(var e,t=document.scripts,i=t.length-1,n=i;n>0;n--)if("interactive"===t[n].readyState){e=t[n].src;break}return e||t[i].src}();return e.substring(0,e.lastIndexOf("/")+1)}(),config:{},end:{},minIndex:0,minLeft:[],btn:["确定","取消"],type:["dialog","page","iframe","loading","tips"],getStyle:function(t,i){var n=t.currentStyle?t.currentStyle:e.getComputedStyle(t,null);return n[n.getPropertyValue?"getPropertyValue":"getAttribute"](i)},link:function(t,i,n){if(r.path){var a=document.getElementsByTagName("head")[0],s=document.createElement("link");"string"==typeof i&&(n=i);var l=(n||t).replace(/\.|\//g,""),f="layuicss-"+l,c=0;s.rel="stylesheet",s.href=r.path+t,s.id=f,document.getElementById(f)||a.appendChild(s),"function"==typeof i&&!function u(){return++c>80?e.console&&console.error("layer.css: Invalid"):void(1989===parseInt(o.getStyle(document.getElementById(f),"width"))?i():setTimeout(u,100))}()}}},r={v:"3.1.1",ie:function(){var t=navigator.userAgent.toLowerCase();return!!(e.ActiveXObject||"ActiveXObject"in e)&&((t.match(/msie\s(\d+)/)||[])[1]||"11")}(),index:e.layer&&e.layer.v?1e5:0,path:o.getPath,config:function(e,t){return e=e||{},r.cache=o.config=i.extend({},o.config,e),r.path=o.config.path||r.path,"string"==typeof e.extend&&(e.extend=[e.extend]),o.config.path&&r.ready(),e.extend?(a?layui.addcss("modules/layer/"+e.extend):o.link("theme/"+e.extend),this):this},ready:function(e){var t="layer",i="",n=(a?"modules/layer/":"theme/")+"default/layer.css?v="+r.v+i;return a?layui.addcss(n,e,t):o.link(n,e,t),this},alert:function(e,t,n){var a="function"==typeof t;return a&&(n=t),r.open(i.extend({content:e,yes:n},a?{}:t))},confirm:function(e,t,n,a){var s="function"==typeof t;return s&&(a=n,n=t),r.open(i.extend({content:e,btn:o.btn,yes:n,btn2:a},s?{}:t))},msg:function(e,n,a){var s="function"==typeof n,f=o.config.skin,c=(f?f+" "+f+"-msg":"")||"layui-layer-msg",u=l.anim.length-1;return s&&(a=n),r.open(i.extend({content:e,time:3e3,shade:!1,skin:c,title:!1,closeBtn:!1,btn:!1,resize:!1,end:a},s&&!o.config.skin?{skin:c+" layui-layer-hui",anim:u}:function(){return n=n||{},(n.icon===-1||n.icon===t&&!o.config.skin)&&(n.skin=c+" "+(n.skin||"layui-layer-hui")),n}()))},load:function(e,t){return r.open(i.extend({type:3,icon:e||0,resize:!1,shade:.01},t))},tips:function(e,t,n){return r.open(i.extend({type:4,content:[e,t],closeBtn:!1,time:3e3,shade:!1,resize:!1,fixed:!1,maxWidth:210},n))}},s=function(e){var t=this;t.index=++r.index,t.config=i.extend({},t.config,o.config,e),document.body?t.creat():setTimeout(function(){t.creat()},30)};s.pt=s.prototype;var l=["layui-layer",".layui-layer-title",".layui-layer-main",".layui-layer-dialog","layui-layer-iframe","layui-layer-content","layui-layer-btn","layui-layer-close"];l.anim=["layer-anim-00","layer-anim-01","layer-anim-02","layer-anim-03","layer-anim-04","layer-anim-05","layer-anim-06"],s.pt.config={type:0,shade:.3,fixed:!0,move:l[1],title:"信息",offset:"auto",area:"auto",closeBtn:1,time:0,zIndex:19891014,maxWidth:360,anim:0,isOutAnim:!0,icon:-1,moveType:1,resize:!0,scrollbar:!0,tips:2},s.pt.vessel=function(e,t){var n=this,a=n.index,r=n.config,s=r.zIndex+a,f="object"==typeof r.title,c=r.maxmin&&(1===r.type||2===r.type),u=r.title?''+(f?r.title[0]:r.title)+"
":"";return r.zIndex=s,t([r.shade?'':"",''+(e&&2!=r.type?"":u)+'
'+(0==r.type&&r.icon!==-1?'':"")+(1==r.type&&e?"":r.content||"")+'
'+function(){var e=c?'':"";return r.closeBtn&&(e+=''),e}()+""+(r.btn?function(){var e="";"string"==typeof r.btn&&(r.btn=[r.btn]);for(var t=0,i=r.btn.length;t
'+r.btn[t]+"";return''+e+"
"}():"")+(r.resize?'':"")+" "],u,i('')),n},s.pt.creat=function(){var e=this,t=e.config,a=e.index,s=t.content,f="object"==typeof s,c=i("body");if(!t.id||!i("#"+t.id)[0]){switch("string"==typeof t.area&&(t.area="auto"===t.area?["",""]:[t.area,""]),t.shift&&(t.anim=t.shift),6==r.ie&&(t.fixed=!1),t.type){case 0:t.btn="btn"in t?t.btn:o.btn[0],r.closeAll("dialog");break;case 2:var s=t.content=f?t.content:[t.content||"http://layer.layui.com","auto"];t.content='';break;case 3:delete t.title,delete t.closeBtn,t.icon===-1&&0===t.icon,r.closeAll("loading");break;case 4:f||(t.content=[t.content,"body"]),t.follow=t.content[1],t.content=t.content[0]+'',delete t.title,t.tips="object"==typeof t.tips?t.tips:[t.tips,!0],t.tipsMore||r.closeAll("tips")}if(e.vessel(f,function(n,r,u){c.append(n[0]),f?function(){2==t.type||4==t.type?function(){i("body").append(n[1])}():function(){s.parents("."+l[0])[0]||(s.data("display",s.css("display")).show().addClass("layui-layer-wrap").wrap(n[1]),i("#"+l[0]+a).find("."+l[5]).before(r))}()}():c.append(n[1]),i(".layui-layer-move")[0]||c.append(o.moveElem=u),e.layero=i("#"+l[0]+a),t.scrollbar||l.html.css("overflow","hidden").attr("layer-full",a)}).auto(a),i("#layui-layer-shade"+e.index).css({"background-color":t.shade[1]||"#000",opacity:t.shade[0]||t.shade}),2==t.type&&6==r.ie&&e.layero.find("iframe").attr("src",s[0]),4==t.type?e.tips():e.offset(),t.fixed&&n.on("resize",function(){e.offset(),(/^\d+%$/.test(t.area[0])||/^\d+%$/.test(t.area[1]))&&e.auto(a),4==t.type&&e.tips()}),t.time<=0||setTimeout(function(){r.close(e.index)},t.time),e.move().callback(),l.anim[t.anim]){var u="layer-anim "+l.anim[t.anim];e.layero.addClass(u).one("webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend",function(){i(this).removeClass(u)})}t.isOutAnim&&e.layero.data("isOutAnim",!0)}},s.pt.auto=function(e){var t=this,a=t.config,o=i("#"+l[0]+e);""===a.area[0]&&a.maxWidth>0&&(r.ie&&r.ie<8&&a.btn&&o.width(o.innerWidth()),o.outerWidth()>a.maxWidth&&o.width(a.maxWidth));var s=[o.innerWidth(),o.innerHeight()],f=o.find(l[1]).outerHeight()||0,c=o.find("."+l[6]).outerHeight()||0,u=function(e){e=o.find(e),e.height(s[1]-f-c-2*(0|parseFloat(e.css("padding-top"))))};switch(a.type){case 2:u("iframe");break;default:""===a.area[1]?a.maxHeight>0&&o.outerHeight()>a.maxHeight?(s[1]=a.maxHeight,u("."+l[5])):a.fixed&&s[1]>=n.height()&&(s[1]=n.height(),u("."+l[5])):u("."+l[5])}return t},s.pt.offset=function(){var e=this,t=e.config,i=e.layero,a=[i.outerWidth(),i.outerHeight()],o="object"==typeof t.offset;e.offsetTop=(n.height()-a[1])/2,e.offsetLeft=(n.width()-a[0])/2,o?(e.offsetTop=t.offset[0],e.offsetLeft=t.offset[1]||e.offsetLeft):"auto"!==t.offset&&("t"===t.offset?e.offsetTop=0:"r"===t.offset?e.offsetLeft=n.width()-a[0]:"b"===t.offset?e.offsetTop=n.height()-a[1]:"l"===t.offset?e.offsetLeft=0:"lt"===t.offset?(e.offsetTop=0,e.offsetLeft=0):"lb"===t.offset?(e.offsetTop=n.height()-a[1],e.offsetLeft=0):"rt"===t.offset?(e.offsetTop=0,e.offsetLeft=n.width()-a[0]):"rb"===t.offset?(e.offsetTop=n.height()-a[1],e.offsetLeft=n.width()-a[0]):e.offsetTop=t.offset),t.fixed||(e.offsetTop=/%$/.test(e.offsetTop)?n.height()*parseFloat(e.offsetTop)/100:parseFloat(e.offsetTop),e.offsetLeft=/%$/.test(e.offsetLeft)?n.width()*parseFloat(e.offsetLeft)/100:parseFloat(e.offsetLeft),e.offsetTop+=n.scrollTop(),e.offsetLeft+=n.scrollLeft()),i.attr("minLeft")&&(e.offsetTop=n.height()-(i.find(l[1]).outerHeight()||0),e.offsetLeft=i.css("left")),i.css({top:e.offsetTop,left:e.offsetLeft})},s.pt.tips=function(){var e=this,t=e.config,a=e.layero,o=[a.outerWidth(),a.outerHeight()],r=i(t.follow);r[0]||(r=i("body"));var s={width:r.outerWidth(),height:r.outerHeight(),top:r.offset().top,left:r.offset().left},f=a.find(".layui-layer-TipsG"),c=t.tips[0];t.tips[1]||f.remove(),s.autoLeft=function(){s.left+o[0]-n.width()>0?(s.tipLeft=s.left+s.width-o[0],f.css({right:12,left:"auto"})):s.tipLeft=s.left},s.where=[function(){s.autoLeft(),s.tipTop=s.top-o[1]-10,f.removeClass("layui-layer-TipsB").addClass("layui-layer-TipsT").css("border-right-color",t.tips[1])},function(){s.tipLeft=s.left+s.width+10,s.tipTop=s.top,f.removeClass("layui-layer-TipsL").addClass("layui-layer-TipsR").css("border-bottom-color",t.tips[1])},function(){s.autoLeft(),s.tipTop=s.top+s.height+10,f.removeClass("layui-layer-TipsT").addClass("layui-layer-TipsB").css("border-right-color",t.tips[1])},function(){s.tipLeft=s.left-o[0]-10,s.tipTop=s.top,f.removeClass("layui-layer-TipsR").addClass("layui-layer-TipsL").css("border-bottom-color",t.tips[1])}],s.where[c-1](),1===c?s.top-(n.scrollTop()+o[1]+16)<0&&s.where[2]():2===c?n.width()-(s.left+s.width+o[0]+16)>0||s.where[3]():3===c?s.top-n.scrollTop()+s.height+o[1]+16-n.height()>0&&s.where[0]():4===c&&o[0]+16-s.left>0&&s.where[1](),a.find("."+l[5]).css({"background-color":t.tips[1],"padding-right":t.closeBtn?"30px":""}),a.css({left:s.tipLeft-(t.fixed?n.scrollLeft():0),top:s.tipTop-(t.fixed?n.scrollTop():0)})},s.pt.move=function(){var e=this,t=e.config,a=i(document),s=e.layero,l=s.find(t.move),f=s.find(".layui-layer-resize"),c={};return t.move&&l.css("cursor","move"),l.on("mousedown",function(e){e.preventDefault(),t.move&&(c.moveStart=!0,c.offset=[e.clientX-parseFloat(s.css("left")),e.clientY-parseFloat(s.css("top"))],o.moveElem.css("cursor","move").show())}),f.on("mousedown",function(e){e.preventDefault(),c.resizeStart=!0,c.offset=[e.clientX,e.clientY],c.area=[s.outerWidth(),s.outerHeight()],o.moveElem.css("cursor","se-resize").show()}),a.on("mousemove",function(i){if(c.moveStart){var a=i.clientX-c.offset[0],o=i.clientY-c.offset[1],l="fixed"===s.css("position");if(i.preventDefault(),c.stX=l?0:n.scrollLeft(),c.stY=l?0:n.scrollTop(),!t.moveOut){var f=n.width()-s.outerWidth()+c.stX,u=n.height()-s.outerHeight()+c.stY;af&&(a=f),ou&&(o=u)}s.css({left:a,top:o})}if(t.resize&&c.resizeStart){var a=i.clientX-c.offset[0],o=i.clientY-c.offset[1];i.preventDefault(),r.style(e.index,{width:c.area[0]+a,height:c.area[1]+o}),c.isResize=!0,t.resizing&&t.resizing(s)}}).on("mouseup",function(e){c.moveStart&&(delete c.moveStart,o.moveElem.hide(),t.moveEnd&&t.moveEnd(s)),c.resizeStart&&(delete c.resizeStart,o.moveElem.hide())}),e},s.pt.callback=function(){function e(){var e=a.cancel&&a.cancel(t.index,n);e===!1||r.close(t.index)}var t=this,n=t.layero,a=t.config;t.openLayer(),a.success&&(2==a.type?n.find("iframe").on("load",function(){a.success(n,t.index)}):a.success(n,t.index)),6==r.ie&&t.IE6(n),n.find("."+l[6]).children("a").on("click",function(){var e=i(this).index();if(0===e)a.yes?a.yes(t.index,n):a.btn1?a.btn1(t.index,n):r.close(t.index);else{var o=a["btn"+(e+1)]&&a["btn"+(e+1)](t.index,n);o===!1||r.close(t.index)}}),n.find("."+l[7]).on("click",e),a.shadeClose&&i("#layui-layer-shade"+t.index).on("click",function(){r.close(t.index)}),n.find(".layui-layer-min").on("click",function(){var e=a.min&&a.min(n);e===!1||r.min(t.index,a)}),n.find(".layui-layer-max").on("click",function(){i(this).hasClass("layui-layer-maxmin")?(r.restore(t.index),a.restore&&a.restore(n)):(r.full(t.index,a),setTimeout(function(){a.full&&a.full(n)},100))}),a.end&&(o.end[t.index]=a.end)},o.reselect=function(){i.each(i("select"),function(e,t){var n=i(this);n.parents("."+l[0])[0]||1==n.attr("layer")&&i("."+l[0]).length<1&&n.removeAttr("layer").show(),n=null})},s.pt.IE6=function(e){i("select").each(function(e,t){var n=i(this);n.parents("."+l[0])[0]||"none"===n.css("display")||n.attr({layer:"1"}).hide(),n=null})},s.pt.openLayer=function(){var e=this;r.zIndex=e.config.zIndex,r.setTop=function(e){var t=function(){r.zIndex++,e.css("z-index",r.zIndex+1)};return r.zIndex=parseInt(e[0].style.zIndex),e.on("mousedown",t),r.zIndex}},o.record=function(e){var t=[e.width(),e.height(),e.position().top,e.position().left+parseFloat(e.css("margin-left"))];e.find(".layui-layer-max").addClass("layui-layer-maxmin"),e.attr({area:t})},o.rescollbar=function(e){l.html.attr("layer-full")==e&&(l.html[0].style.removeProperty?l.html[0].style.removeProperty("overflow"):l.html[0].style.removeAttribute("overflow"),l.html.removeAttr("layer-full"))},e.layer=r,r.getChildFrame=function(e,t){return t=t||i("."+l[4]).attr("times"),i("#"+l[0]+t).find("iframe").contents().find(e)},r.getFrameIndex=function(e){return i("#"+e).parents("."+l[4]).attr("times")},r.iframeAuto=function(e){if(e){var t=r.getChildFrame("html",e).outerHeight(),n=i("#"+l[0]+e),a=n.find(l[1]).outerHeight()||0,o=n.find("."+l[6]).outerHeight()||0;n.css({height:t+a+o}),n.find("iframe").css({height:t})}},r.iframeSrc=function(e,t){i("#"+l[0]+e).find("iframe").attr("src",t)},r.style=function(e,t,n){var a=i("#"+l[0]+e),r=a.find(".layui-layer-content"),s=a.attr("type"),f=a.find(l[1]).outerHeight()||0,c=a.find("."+l[6]).outerHeight()||0;a.attr("minLeft");s!==o.type[3]&&s!==o.type[4]&&(n||(parseFloat(t.width)<=260&&(t.width=260),parseFloat(t.height)-f-c<=64&&(t.height=64+f+c)),a.css(t),c=a.find("."+l[6]).outerHeight(),s===o.type[2]?a.find("iframe").css({height:parseFloat(t.height)-f-c}):r.css({height:parseFloat(t.height)-f-c-parseFloat(r.css("padding-top"))-parseFloat(r.css("padding-bottom"))}))},r.min=function(e,t){var a=i("#"+l[0]+e),s=a.find(l[1]).outerHeight()||0,f=a.attr("minLeft")||181*o.minIndex+"px",c=a.css("position");o.record(a),o.minLeft[0]&&(f=o.minLeft[0],o.minLeft.shift()),a.attr("position",c),r.style(e,{width:180,height:s,left:f,top:n.height()-s,position:"fixed",overflow:"hidden"},!0),a.find(".layui-layer-min").hide(),"page"===a.attr("type")&&a.find(l[4]).hide(),o.rescollbar(e),a.attr("minLeft")||o.minIndex++,a.attr("minLeft",f)},r.restore=function(e){var t=i("#"+l[0]+e),n=t.attr("area").split(",");t.attr("type");r.style(e,{width:parseFloat(n[0]),height:parseFloat(n[1]),top:parseFloat(n[2]),left:parseFloat(n[3]),position:t.attr("position"),overflow:"visible"},!0),t.find(".layui-layer-max").removeClass("layui-layer-maxmin"),t.find(".layui-layer-min").show(),"page"===t.attr("type")&&t.find(l[4]).show(),o.rescollbar(e)},r.full=function(e){var t,a=i("#"+l[0]+e);o.record(a),l.html.attr("layer-full")||l.html.css("overflow","hidden").attr("layer-full",e),clearTimeout(t),t=setTimeout(function(){var t="fixed"===a.css("position");r.style(e,{top:t?0:n.scrollTop(),left:t?0:n.scrollLeft(),width:n.width(),height:n.height()},!0),a.find(".layui-layer-min").hide()},100)},r.title=function(e,t){var n=i("#"+l[0]+(t||r.index)).find(l[1]);n.html(e)},r.close=function(e){var t=i("#"+l[0]+e),n=t.attr("type"),a="layer-anim-close";if(t[0]){var s="layui-layer-wrap",f=function(){if(n===o.type[1]&&"object"===t.attr("conType")){t.children(":not(."+l[5]+")").remove();for(var a=t.find("."+s),r=0;r<2;r++)a.unwrap();a.css("display",a.data("display")).removeClass(s)}else{if(n===o.type[2])try{var f=i("#"+l[4]+e)[0];f.contentWindow.document.write(""),f.contentWindow.close(),t.find("."+l[5])[0].removeChild(f)}catch(c){}t[0].innerHTML="",t.remove()}"function"==typeof o.end[e]&&o.end[e](),delete o.end[e]};t.data("isOutAnim")&&t.addClass("layer-anim "+a),i("#layui-layer-moves, #layui-layer-shade"+e).remove(),6==r.ie&&o.reselect(),o.rescollbar(e),t.attr("minLeft")&&(o.minIndex--,o.minLeft.push(t.attr("minLeft"))),r.ie&&r.ie<10||!t.data("isOutAnim")?f():setTimeout(function(){f()},200)}},r.closeAll=function(e){i.each(i("."+l[0]),function(){var t=i(this),n=e?t.attr("type")===e:1;n&&r.close(t.attr("times")),n=null})};var f=r.cache||{},c=function(e){return f.skin?" "+f.skin+" "+f.skin+"-"+e:""};r.prompt=function(e,t){var a="";if(e=e||{},"function"==typeof e&&(t=e),e.area){var o=e.area;a='style="width: '+o[0]+"; height: "+o[1]+';"',delete e.area}var s,l=2==e.formType?'":function(){return''}(),f=e.success;return delete e.success,r.open(i.extend({type:1,btn:["确定","取消"],content:l,skin:"layui-layer-prompt"+c("prompt"),maxWidth:n.width(),success:function(e){s=e.find(".layui-layer-input"),s.focus(),"function"==typeof f&&f(e)},resize:!1,yes:function(i){var n=s.val();""===n?s.focus():n.length>(e.maxlength||500)?r.tips("最多输入"+(e.maxlength||500)+"个字数",s,{tips:1}):t&&t(n,i,s)}},e))},r.tab=function(e){e=e||{};var t=e.tab||{},n="layui-this",a=e.success;return delete e.success,r.open(i.extend({type:1,skin:"layui-layer-tab"+c("tab"),resize:!1,title:function(){var e=t.length,i=1,a="";if(e>0)for(a=''+t[0].title+"";i"+t[i].title+"";return a}(),content:''+function(){var e=t.length,i=1,a="";if(e>0)for(a='- '+(t[0].content||"no content")+"
";i'+(t[i].content||"no content")+"";return a}()+"
",success:function(t){var o=t.find(".layui-layer-title").children(),r=t.find(".layui-layer-tabmain").children();o.on("mousedown",function(t){t.stopPropagation?t.stopPropagation():t.cancelBubble=!0;var a=i(this),o=a.index();a.addClass(n).siblings().removeClass(n),r.eq(o).show().siblings().hide(),"function"==typeof e.change&&e.change(o)}),"function"==typeof a&&a(t)}},e))},r.photos=function(t,n,a){function o(e,t,i){var n=new Image;return n.src=e,n.complete?t(n):(n.onload=function(){n.onload=null,t(n)},void(n.onerror=function(e){n.onerror=null,i(e)}))}var s={};if(t=t||{},t.photos){var l=t.photos.constructor===Object,f=l?t.photos:{},u=f.data||[],d=f.start||0;s.imgIndex=(0|d)+1,t.img=t.img||"img";var y=t.success;if(delete t.success,l){if(0===u.length)return r.msg("没有图片")}else{var p=i(t.photos),h=function(){u=[],p.find(t.img).each(function(e){var t=i(this);t.attr("layer-index",e),u.push({alt:t.attr("alt"),pid:t.attr("layer-pid"),src:t.attr("layer-src")||t.attr("src"),thumb:t.attr("src")})})};if(h(),0===u.length)return;if(n||p.on("click",t.img,function(){var e=i(this),n=e.attr("layer-index");r.photos(i.extend(t,{photos:{start:n,data:u,tab:t.tab},full:t.full}),!0),h()}),!n)return}s.imgprev=function(e){s.imgIndex--,s.imgIndex<1&&(s.imgIndex=u.length),s.tabimg(e)},s.imgnext=function(e,t){s.imgIndex++,s.imgIndex>u.length&&(s.imgIndex=1,t)||s.tabimg(e)},s.keyup=function(e){if(!s.end){var t=e.keyCode;e.preventDefault(),37===t?s.imgprev(!0):39===t?s.imgnext(!0):27===t&&r.close(s.index)}},s.tabimg=function(e){if(!(u.length<=1))return f.start=s.imgIndex-1,r.close(s.index),r.photos(t,!0,e)},s.event=function(){s.bigimg.hover(function(){s.imgsee.show()},function(){s.imgsee.hide()}),s.bigimg.find(".layui-layer-imgprev").on("click",function(e){e.preventDefault(),s.imgprev()}),s.bigimg.find(".layui-layer-imgnext").on("click",function(e){e.preventDefault(),s.imgnext()}),i(document).on("keyup",s.keyup)},s.loadi=r.load(1,{shade:!("shade"in t)&&.9,scrollbar:!1}),o(u[d].src,function(n){r.close(s.loadi),s.index=r.open(i.extend({type:1,id:"layui-layer-photos",area:function(){var a=[n.width,n.height],o=[i(e).width()-100,i(e).height()-100];if(!t.full&&(a[0]>o[0]||a[1]>o[1])){var r=[a[0]/o[0],a[1]/o[1]];r[0]>r[1]?(a[0]=a[0]/r[0],a[1]=a[1]/r[0]):r[0]
",success:function(e,i){s.bigimg=e.find(".layui-layer-phimg"),s.imgsee=e.find(".layui-layer-imguide,.layui-layer-imgbar"),s.event(e),t.tab&&t.tab(u[d],e),"function"==typeof y&&y(e)},end:function(){s.end=!0,i(document).off("keyup",s.keyup)}},t))},function(){r.close(s.loadi),r.msg("当前图片地址异常
是否继续查看下一张?",{time:3e4,btn:["下一张","不看了"],yes:function(){u.length>1&&s.imgnext(!0,!0)}})})}},o.run=function(t){i=t,n=i(e),l.html=i("html"),r.open=function(e){var t=new s(e);return t.index}},e.layui&&layui.define?(r.ready(),layui.define("jquery",function(t){r.path=layui.cache.dir,o.run(layui.$),e.layer=r,t("layer",r)})):"function"==typeof define&&define.amd?define(["jquery"],function(){return o.run(e.jQuery),r}):function(){o.run(e.jQuery),r.ready()}()}(window);
--------------------------------------------------------------------------------
/js/js/page.css:
--------------------------------------------------------------------------------
1 | body {
2 | background-color: #fff;
3 | padding-top: 50px;
4 | padding-bottom: 50px;
5 | }
6 |
7 | #circlr {
8 | cursor: move;
9 | margin: 0 auto;
10 | min-height: 100px;
11 | position: relative;
12 | }
13 |
14 | #circlr #loader {
15 | background: url(../images/loader.gif) center center no-repeat;
16 | bottom: 0;
17 | display: none;
18 | left: 0;
19 | position: absolute;
20 | right: 0;
21 | top: 0;
22 | }
23 |
--------------------------------------------------------------------------------
/个人金融.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | 个人金融
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
26 |
27 |
28 |
50 |
51 |
52 |
53 |

54 |
55 |
56 |
57 |

58 |
59 |
60 |
61 |
62 |
63 |
64 |
65 | -
66 | |
67 | 个人金融首页
68 |
69 | -
70 | |
71 | 产品服务
72 |
73 | -
74 | |
75 | 贵宾专享
76 |
77 | -
78 | |
79 | 精彩推荐
80 |
81 | -
82 | |
83 | 知识学苑
84 |
85 |
86 |
87 |
88 |
89 |
110 |
111 |
112 |
113 |
114 |
115 |
116 |
121 |
126 |
129 |
130 |
131 |
132 |
133 |
139 |
153 |
159 |
168 |
173 |
182 |
183 |
184 |
185 |
186 |
189 |
190 |
191 |
192 | 您当前位置:个人客户首页 > 个人金融首页
193 |
194 |
195 |
196 |
197 |
198 |
199 | -
200 |

201 |
存折查询
202 |
203 |
204 | -
205 |

206 |
扶贫馆
207 |
208 |
209 | -
210 |

211 |
申请贷款
212 |
213 |
214 | -
215 |

216 |
开户网点查询
217 |
218 |
219 |
220 | -
221 |

222 |
余额变动提醒
223 |
224 |
225 | -
226 |

227 |
存贷利率
228 |
229 |
230 |
231 |
232 |
233 |
234 |
235 |
236 |
242 |
243 |
244 |
245 |
246 |
品质生活
提前享受
247 |
248 |
249 |
250 |
251 |
252 |

253 |
254 |
房子是二手的,但生活不是...
255 |
258 |
259 |
260 |
261 |
262 |
263 |
264 |
多变主题
多彩生活
265 |
266 |
267 |
268 |
269 |
270 |

271 |
272 |
家有宝贝 与爱童行
273 |
276 |
277 |
278 |
279 |
280 |
281 |
282 |
随心随意
想存就存
283 |
284 |
285 |
286 |
287 |
288 |

289 |
290 |
活期的便利 定期的收益 一个都不能少!
291 |
294 |
295 |
296 |
297 |
298 |
299 |
300 |
301 |
318 |
319 |
320 |
321 |
322 |
323 |
324 |
325 |
326 |  |
328 | 人民币结构性存款 |
330 |
331 |
332 |  |
334 | 外币结构性存款 |
336 |
337 |
338 |
339 |
350 |
351 |
352 |
353 |
376 |
377 |
378 |
379 |
380 |
381 |
382 |
383 |
384 |
385 |
404 |
405 |
493 |
494 |
--------------------------------------------------------------------------------
/注册.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
中国银行-注册
6 |
7 |
8 |
9 |
10 |
25 |
26 |
27 |
28 |
29 | |
30 |
31 |
32 | |
33 |
34 | |
35 |
36 |
37 |  |
38 |
39 | | 注册
40 | |
41 |
42 |
43 |
44 |
45 | |
46 |
47 |
48 | |
49 |
50 |
51 |
52 | |
53 |
54 |
55 |
56 |
119 |
120 |
121 | 温馨提示:如果您还不是我行客户,请输入一张他行卡的柜面预留手机号作为您的注册手机号。 |
122 |
123 |
124 |
125 |
126 |
127 |
128 |
129 |
130 |
131 | 下一步
132 |
133 | |
134 |
135 |
136 | 重置
137 |
138 | |
139 |
140 |
141 |
142 |
143 |
144 |
145 |
146 |
147 |
148 | |
149 |
150 |
151 |
152 | 请与我们联系 webmaster@icbc.com.cn 中国工商银行版权所有
153 | |
154 |
155 |
156 | 本网站支持IPv6 |
157 |
158 | |
159 |
160 |
161 |
162 |
163 |
164 |
--------------------------------------------------------------------------------