『提醒』请将文件的内容粘贴到文本框里,一行一注。
26 | 27 |『您选择了 0 注，共 0.00 元』
31 |如中奖，奖金 0.00 元，盈利 0.00 元.
32 |33 | 39 | ↓ 确认选号并添加到投注区 40 | 清空全部 41 |
42 |
49 | 清空列表
50 | 单倍下注：0 ，金额：0.00 元，您选择了
51 | -+ 倍。
52 |
注：倍率不大于1000
53 |
58 |
59 |
60 |
61 |
66 |
67 |
71 |
72 |
73 |
--------------------------------------------------------------------------------
/js/config.js:
--------------------------------------------------------------------------------
1 | window.ConfigParam = {
2 | total: 10,
3 | stars: 5
4 | }
5 |
6 | /**
7 | * [ConfigDOM 渲染DOM所需数据]
8 | *
9 | * 数据类型分为两种，一种是无分组(group)属性，如一星; 一种是包含分组，如二星。
10 | * @type {Object}
11 | */
12 | window.ConfigDOM = {
13 |
14 | "一星": [{
15 | m: "标准选号",
16 | intro: "从个位选择1个或多个号码，选号与开奖号码个位一致即中奖11元。",
17 | type: "一星",
18 | pos: [1, 1]
19 | }],
20 |
21 | "二星": [{
22 | group: "直选",
23 | data: [{
24 | m: "标准选号",
25 | intro: "从00~99中任选1个或多个2位数，与开奖号码后两位相同则中奖116.00元。",
26 | type: "两星直选",
27 | pos: [2, 1]
28 | },{
29 | m: "手工录入",
30 | intro: "任选2个号码组成一注有效注，与开奖号码后两位相同则中奖116.00元。",
31 | type: "两星直选",
32 | pos: [2, 2]
33 | }]
34 | },{
35 | group: "组选",
36 | data: [{
37 | m: "组选包号",
38 | intro: "至少选择2个号码，开奖号码后两位含在选号中则中奖(若只选两个号，开奖号后两位为对子时不中奖)。十位个位如果为对子，奖金为116元，非对子奖金58元。",
39 | type: "两星组选包号",
40 | pos: [2, 3]
41 | },{
42 | m: "组选和值",
43 | intro: "开奖号码十位和个位的和值与您选好一致则中奖。十位个位如果为对子，奖金为116元，非对子奖金58元。",
44 | type: "两星组选和值",
45 | pos: [2, 4]
46 | },{
47 | m: "组选胆拖",
48 | intro: "从0~9中任选1个胆码,多个拖码进行投注，开奖号码后两位含在选号中则中奖(若只选两个号，开奖号后两位为对子时不中奖)。十位个位如果为对子，奖金为116元，非对子奖金58元。",
49 | type: "两星组选胆拖",
50 | pos: [2, 5]
51 | },{
52 | m: "手工录入",
53 | intro: "任选2个号码组成一注有效注，开奖号码后两位不为对子且含在选号中则中奖,奖金58元。",
54 | type: "两星组选",
55 | pos: [2, 6]
56 | }]
57 | }],
58 |
59 | "三星直选": [{
60 | m: "标准选号",
61 | intro: "从三位各选1个或多个号码，选号与开奖号后三位按位一致即中1160元。",
62 | type: "三星直选",
63 | pos: [3, 1]
64 | },{
65 | m: "和值选号",
66 | intro: "所选和值与开奖号码和值一致，即中奖1160元。",
67 | type: "三星直选和值",
68 | pos: [3, 2]
69 | },{
70 | m: "直选胆拖",
71 | intro: "选1-2个胆码，多个拖码，胆码对，剩下的开奖数字全部包含在拖码中，即中奖1160元，直选胆拖不包含组三和豹子。 ",
72 | type: "三星直选胆拖",
73 | pos: [3, 3]
74 | },{
75 | m: "直选跨度",
76 | intro: "至少从0-9中选择1个跨度，所选跨度与开奖号码跨度一致，即中奖1160元。",
77 | type: "三星直选跨度",
78 | pos: [3, 4]
79 | },{
80 | m: "手工录入",
81 | intro: "任选3个号码组成一注有效注，选号与开奖号后三位按位一致即中1160元。",
82 | type: "三星直选",
83 | pos: [3, 5]
84 | }],
85 |
86 | "三星组选": [{
87 | group: "组三",
88 | data: [{
89 | m: "标准",
90 | intro: "3个数字有两个数字相同，与开奖号后三位相同即中奖，奖金385元。",
91 | type: "三星组三组选",
92 | pos: [4, 1]
93 | },{
94 | m: "包号",
95 | intro: "至少选择2个号码，开奖号码为组三且含在包号号码中即中奖385元。",
96 | type: "三星组三包号",
97 | pos: [4, 2]
98 | },{
99 | m: "和值",
100 | intro: "请从1－26中选择组选三和值，单注奖金385元。",
101 | type: "三星组三和值",
102 | pos: [4, 3]
103 | },{
104 | m: "手工录入",
105 | intro: "任选一个非豹子的3个号码组成一注有效注，组三385元 / 组六190元。",
106 | type: "三星组选",
107 | pos: [4, 4]
108 | }]
109 | },{
110 | group: "组六",
111 | data: [{
112 | m: "包号",
113 | intro: "至少选择3个号码，开奖号码为组六且含在包号号码中即中奖190元。",
114 | type: "三星组六组选",
115 | pos: [4, 5]
116 | },{
117 | m: "和值",
118 | intro: "请从3－24中选择组选六和值，单注奖金190元。",
119 | type: "三星组六和值",
120 | pos: [4, 6]
121 | },{
122 | m: "胆拖",
123 | intro: "从0~9中任选1-2个胆码,多个拖码进行投注，开奖号码为组六且含在包号号码中即中奖190元。",
124 | type: "三星组六胆拖",
125 | pos: [4, 7]
126 | },{
127 | m: "手工录入",
128 | intro: "任选一个非豹子的3个号码组成一注有效注，组三385元 / 组六190元。",
129 | type: "三星组六组选",
130 | pos: [4, 8]
131 | }]
132 | }],
133 |
134 | "四星": [{
135 | m: "标准选号",
136 | intro: "从四位各选1个或多个号码，选号与开奖号后四位按位一致即中1万元,与中间三位或后三位按位一致即中88元！。",
137 | type: "四星直选",
138 | pos: [5, 1]
139 | }],
140 |
141 | "五星": [{
142 | group: "直选",
143 | data: [{
144 | m: "标准选号",
145 | intro: "从00000~99999中任选1个或多个5位数，单注奖金11.6万元。",
146 | type: "五星直选",
147 | pos: [6, 1]
148 | },{
149 | m: "手工录入",
150 | intro: "任选5个号码组成一注有效注，单注奖金11.6万元。",
151 | type: "五星直选",
152 | pos: [6, 2]
153 | }]
154 | },{
155 | group: "通选",
156 | data: [{
157 | m: "标准选号",
158 | intro: "从五位各选1个号码，选号与开奖号按位一致即中2万元，前三或后三位按位一致即中200元，前二或后二位按位一致即中30元。",
159 | type: "五星通选",
160 | pos: [6, 3]
161 | },{
162 | m: "手工录入",
163 | intro: "任选5个号码组成一注有效注，选号与开奖号按位一致即中2万元，前三或后三位按位一致即中200元，前二或后二位按位一致即中30元。",
164 | type: "五星通选",
165 | pos: [6, 4]
166 | }]
167 | }],
168 |
169 | "大小单双": [{
170 | m: "标准选号",
171 | intro: "选择开奖号码的个、十两位号码属性，单注奖金4.00元。",
172 | type: "大小单双",
173 | pos: [7, 1]
174 | }],
175 |
176 | "任选一": [{
177 | m: "标准选号",
178 | intro: "从5位中定位选择1个或多个号码，单注奖金11.00元。",
179 | type: "任选一",
180 | pos: [8, 1]
181 | }],
182 |
183 | "任选二": [{
184 | m: "标准选号",
185 | intro: "从5位中定位选择2个或更多号码，单注奖金116.00元。",
186 | type: "任选二",
187 | pos: [9, 1]
188 | }]
189 | };
--------------------------------------------------------------------------------
/css/main.css:
--------------------------------------------------------------------------------
1 | body, div, a, ul, li, strong,input,form,label,p,tr,td,th {
2 | padding:0;
3 | margin:0;
4 | }
5 |
6 | body {
7 | font: 12px/1.2 '宋体',tahoma;
8 | padding-bottom: 50px;
9 | }
10 | ul, li {
11 | list-style: none;
12 | }
13 | p {
14 | line-height: 24px;
15 | }
16 | a {
17 | color: #000;
18 | text-decoration: none;
19 | cursor: pointer;
20 | }
21 |
22 | /** {
23 | transition: all 0.4s ease;
24 | -webkit-transition: all 0.4s ease;
25 | -moz-transition: all 0.4s ease;
26 | -o-transition: all 0.4s ease;
27 | }*/
28 |
29 | input {
30 | vertical-align: middle;
31 | }
32 | input[type=radio]{
33 | vertical-align: bottom;
34 | *vertical-align: middle;
35 | }
36 |
37 |
38 | .ssc-box {
39 | border: 1px solid #FFB64B;
40 | border-top: 3px solid #F28B22;
41 | width: 740px;
42 | margin: 30px auto;
43 | user-select: none;
44 | -webkit-user-select: none;
45 | -moz-user-select: none;
46 | -ms-user-select: none;
47 | -o-user-select: none;
48 | }
49 | .ssc-num {
50 | padding-top: 10px;
51 | padding-left: 15px;
52 | background: #FFFAF7;
53 | border-bottom: 1px solid #FFB64B;
54 | color: #CCC;
55 | }
56 | .ssc-num a {
57 | font-weight: bold;
58 | display: inline-block;
59 | padding: 3px 10px;
60 | line-height: 20px;
61 | color: #CA6100;
62 | border: 1px solid transparent;
63 | border-top-left-radius: 3px;
64 | border-top-right-radius: 3px;
65 | }
66 | .ssc-num a:hover {
67 | color: red;
68 | }
69 | a.ssc-num_on {
70 | border: 1px solid #FFB64B;
71 | border-bottom: none;
72 | background: #FFF4E7;
73 | }
74 | .ssc-container {
75 | padding: 20px;
76 | padding-top: 0;
77 | padding-bottom: 30px;
78 | user-select: none;
79 | -webkit-user-select: none;
80 | }
81 | .ssc-type {
82 | padding: 15px 20px;
83 | background: url(../imgs/arrow_p.png) no-repeat bottom center;
84 | padding-bottom: 50px;
85 | }
86 | .ssc-type-choose span {
87 | display: inline-block;
88 | margin-right: 15px;
89 | }
90 | .ssc-type-choose strong {
91 | color: red;
92 | }
93 | .ssc-type-choose label {
94 | margin-right: 6px;
95 | cursor: pointer;
96 | }
97 | .ssc-tip {
98 | margin-top: 10px;
99 | color: #888;
100 | }
101 | .ssc-tip span {
102 | color: red;
103 | }
104 | .ssc-recent-btn{
105 | text-align: center;
106 | }
107 | .ssc-recent-btn span {
108 | display: inline-block;
109 | margin-right: 20px;
110 | background: #EEE;
111 | cursor: pointer;
112 | padding: 5px 18px;
113 | color: #0F3F94;
114 | }
115 | .ssc-selector-item {
116 | margin: 10px 0;
117 | }
118 | .ssc-selector-item span {
119 | display: inline-block;
120 | text-align: center;
121 | margin-right: 2px;
122 | }
123 | .ssc-selector-item strong {
124 | display: block;
125 | width: 26px;
126 | height: 26px;
127 | line-height: 26px;
128 | text-align: center;
129 | background: #EEE;
130 | border-radius: 13px;
131 | cursor: pointer;
132 | box-shadow: 1px 1px 3px #CCC;
133 | font-size: 12px;
134 | margin-bottom: 10px;
135 | color: #555;
136 | }
137 | .ssc-selector-item a.btn {
138 | display: inline-block;
139 | vertical-align: top;
140 | border: 1px solid #CCC;
141 | padding: 2px 5px;
142 | background: #EEE;
143 | margin-top: 2px;
144 | border-radius: 2px;
145 | margin-left: 3px;
146 | }
147 | strong.ssc-selector-item_on, strong.ssc-selector-item_gray.ssc-selector-item_on {
148 | background: #49A0FF;
149 | color: #EEE;
150 | box-shadow: 1px 1px 3px #000;
151 | }
152 | strong.ssc-selector-item_gray{
153 | background: #CCC;
154 | color: #888;
155 | }
156 | .ssc-selector-item span em {
157 | display: block;
158 | font-size: 12px;
159 | font-style: normal;
160 | color: #888;
161 | }
162 | .CSI_label {
163 | text-align: center;
164 | }
165 | .CSI_label i {
166 | display: inline-block;
167 | font-style: normal;
168 | background: #EEE;
169 | padding: 4px 10px;
170 | margin-bottom: 11px;
171 | }
172 | .ssc-main {
173 | padding-left: 20px;
174 | }
175 | .ssc-main-choose {
176 | padding-bottom: 50px;
177 | padding-left: 60px;
178 | background: url(../imgs/arrow_p.png) no-repeat bottom center;
179 | }
180 | .ssc-main-choose-text {
181 | display: none;
182 | width: 560px;
183 | margin: 0 auto;
184 | }
185 | .ssc-main-choose-text textarea {
186 | width: 100%;
187 | height: 120px;
188 | margin-bottom: 15px;
189 | resize: none;
190 | overflow-y: auto;
191 | }
192 | .ssc-main-choose-text p span {
193 | color: red;
194 | font-weight: bold;
195 | line-height: 30px;
196 | }
197 | .ssc-selector-item select, select.CSR_select {
198 | display: inline-block;
199 | vertical-align: top;
200 | font-size: 12px;
201 | color: #494949;
202 | border-color: #AFAFAF;
203 | background: #F5F5F5;
204 | border-radius: 2px;
205 | overflow: hidden;
206 | padding: 1px 2px;
207 | }
208 | .ssc-selector-res {
209 | text-align: center;
210 | overflow: hidden;
211 | }
212 | .CSR_info span {
213 | color: red;
214 | font-weight: bold;
215 | }
216 | .CSR_info {
217 | font-size: 14px;
218 | }
219 | .CSR_get {
220 | color: #888;
221 | margin-bottom: 30px;
222 | }
223 | .CSR_btn {
224 | font-size: 12px;
225 | border: 1px solid #CCC;
226 | background: #EEE;
227 | display: inline-block;
228 | line-height: 25px;
229 | padding: 0 12px;
230 | margin-right: 10px;
231 | font-weight: bold;
232 | color: #888;
233 | border-radius: 3px;
234 | cursor: default;
235 | }
236 | .CSR_btn_OK {
237 | background: #F6A035;
238 | color: #FFF;
239 | cursor: pointer;
240 | }
241 | .CSR_clear {
242 | line-height: 32px;
243 | display: inline-block;
244 | color: #777;
245 | }
246 | select.CSR_select {
247 | float: right;
248 | margin-right: 90px;
249 | margin-left: -180px;
250 | margin-bottom: 10px;
251 | margin-top: 5px;
252 | }
253 | .ssc-resluts {
254 | width: 560px;
255 | margin: 15px auto;
256 | margin-bottom: 20px;
257 | }
258 | .ssc-resluts-list {
259 | border: 1px solid #CCC;
260 | overflow-y: auto;
261 | height: 120px;
262 | }
263 | .ssc-resluts-list > div {
264 | padding: 0 10px;
265 | line-height: 24px;
266 | cursor: pointer;
267 | }
268 | .ssc-resluts-list_active {
269 | background: #F8F8F8;
270 | }
271 | .ssc-resluts-list a {
272 | float: right;
273 | color: #0F3F94;
274 | }
275 | .ssc-resluts-list span {
276 | color: #0F3F94;
277 | }
278 | .ssc-resluts-list i {
279 | color: red;
280 | font-style: normal;
281 | }
282 | .ssc-resluts-doubling {
283 | line-height: 30px;
284 | margin-top: 10px;
285 | user-select: none;
286 | -webkit-user-select: none;
287 | -ms-user-select: none;
288 | -moz-user-select: none;
289 | }
290 | .ssc-resluts-doubling strong {
291 | color: red;
292 | }
293 | .ssc-resluts-doubling em {
294 | font-style: normal;
295 | display: none;
296 | color: red;
297 | }
298 | .ssc-resluts-doubling i {
299 | font-style: normal;
300 | font-size: 24px;
301 | line-height: 20px;
302 | border: 1px solid #CCC;
303 | text-align: center;
304 | width: 20px;
305 | display: inline-block;
306 | vertical-align: middle;
307 | font-weight: bold;
308 | cursor: pointer;
309 | }
310 | .ssc-resluts-doubling input {
311 | font-style: normal;
312 | font-size: 14px;
313 | line-height: 20px;
314 | border: 1px solid #CCC;
315 | text-align: center;
316 | width: 50px;
317 | height: 20px;
318 | font-weight: bold;
319 | display: inline-block;
320 | vertical-align: middle;
321 | margin: 0 -1px;
322 | }
323 | .ssc-resluts-doubling input:focus {
324 | outline: none;
325 | }
326 | .ssc-resluts-doubling a {
327 | float: right;
328 | color: #777;
329 | }
330 |
331 | .ssc-seperator {
332 | height: 30px;
333 | line-height: 30px;
334 | overflow: hidden;
335 | border: 1px solid #B7D5F7;
336 | background: #F3F9FF;
337 | padding: 0 40px;
338 | }
339 | .ssc-seperator span {
340 | float: right;
341 | color: #888
342 | }
343 | .ssc-seperator span i {
344 | font-style: normal;
345 | color: red;
346 | }
347 | .ssc-seperator input {
348 | margin-left: 20px;
349 | vertical-align: middle;
350 | }
351 | .ssc-seperator label {
352 | color: #0F3F94;
353 | margin-left: 3px;
354 | }
355 |
356 | .ssc-pursue {
357 | overflow: hidden;
358 | border-bottom: 1px solid #CCC;
359 | }
360 |
361 | .ssc-pursue-title {
362 | display: inline-block;
363 | width: 60px;
364 | height: 270px;
365 | line-height: 270px;
366 | text-align: center;
367 | vertical-align: middle;
368 | color: #888;
369 | background: #F5F5F5;
370 | *display: inline;
371 | *float: left;
372 | }
373 | .ssc-pursue-content {
374 | display: inline-block;
375 | vertical-align: top;
376 | padding: 15px;
377 | }
378 | .CPC_choose {
379 |
380 | }
381 | .CPC_choose a {
382 | display: inline-block;
383 | width: 28px;
384 | text-align: center;
385 | border: 1px solid #CFCFCF;
386 | background: #F4F4F4;
387 | color: #0F3F94;
388 | height: 18px;
389 | line-height: 18px;
390 | margin-right: 8px;
391 | font-size: 12px;
392 | }
393 | .CPC_choose a:hover , a.CPC_choose_on {
394 | border-color: #3C7EC8;
395 | background: #3C7EC8;
396 | text-decoration: none;
397 | color: #FFF;
398 | }
399 | .CPC_choose_box {
400 | border: 1px solid #7F9DB9;
401 | width: 560px;
402 | height: 200px;
403 | margin-top: 10px;
404 | }
405 | .ssc-comfirm p {
406 | line-height: 30px;
407 | }
408 | .ssc-comfirm p span {
409 | color: red;
410 | }
411 | .ssc-comfirm-btn {
412 | display: inline-block;
413 | font-size: 20px;
414 | line-height: 30px;
415 | padding: 6px 20px;
416 | text-align: center;
417 | background: #CE2A2A;
418 | color: #FFF;
419 | margin: 0 20px 20px 0;
420 | float: right;
421 | box-shadow: 3px 3px 5px #CCC;
422 | border-radius: 8px;
423 | }
424 | .ssc-comfirm-btn:hover {
425 | background: red;
426 | color: #EEE;
427 | }
428 | .ssc-comfirm-title {
429 | height: 240px;
430 | line-height: 240px;
431 | }
432 |
433 | .CPC_table_header {
434 | background: #F3F9FF;
435 | line-height: 32px;
436 | }
437 |
438 | .CPC_table_header strong, .CPC_table_body span {
439 | font-weight: normal;
440 | display: inline-block;
441 | margin-left: 10px;
442 | }
443 | .CPC_table_header input {
444 | width: 40px;
445 | vertical-align: middle;
446 | }
447 | .CPC_choose_box table td input {
448 | vertical-align: middle;
449 | }
450 | .CPC_choose_box table td input[type=text] {
451 | width: 40px;
452 | }
453 | .CPC_choose_box table{
454 | border:0;
455 | position: relative;
456 | }
457 | .CPC_choose_box table th{
458 | font-size: 12px;
459 | border:0;
460 | text-align: center;
461 |
462 | }
463 | .CPC_choose_box table td{
464 | border:0;
465 | text-align: center;
466 | font-size: 12px;
467 | }
468 | .CPC_choose_box table{
469 |
470 | }
--------------------------------------------------------------------------------
/js/main-500.js:
--------------------------------------------------------------------------------
1 | /**
2 | * @author Barret Lee(barret.china@gmail.com)
3 | * @date 2014/07
4 | */
5 |
6 |
7 | // 默认关闭 debug 模式
8 | var debug = false;
9 |
10 | // 关闭 debug 后，这里的 log 就不能用了
11 | var log = function(msg){
12 | if(!debug) return;
13 | console && console.log(msg);
14 | };
15 |
16 | // 选法的配置，x 选 x
17 | var config = {
18 | "totalNum": 11,
19 | "selectNum": 5
20 | };
21 |
22 |
23 | /**
24 | * @description Cathectic为投注实现的一个类
25 | *
26 | */
27 | var Cathectic = function(){
28 | // 当前选球的个数
29 | var curNum = 1;
30 | // 当前选球方式，默认为“定位”
31 | var chooseType = "dingwei";
32 |
33 | /**
34 | * @description 构造 select 模板的自执行函数
35 | * @param {Number} config['totalNum'] 选择的最大个数
36 | * @return {String} 返回拼接好的字符串
37 | */
38 | var chooseTpl = function(N){
39 | var str = [
40 | '