序言
最近閑來無事，研究下怎么去開發雙色球的走勢圖，覺得還是蠻有意思的，用MVC+JS+HTMl來實作的，做了非常多的走勢圖，還可以進行選號，還做了一些工具來幫助選號，O(∩_∩)O哈哈~純粹個人興趣來做的，下面來詳細介紹怎么去實作的，還是相當有技術含量的，
實作出來效果
以上隨便挑選了4個效果圖，一起實作了20多種的效果，就不一一展示了，
怎么實作這走勢圖
查詢條件的實作
function GetcxqsSelect() { var obj = document.getElementById('cxqs'); obj.options.add(new Option("最新10期", "10")); obj.options.add(new Option("最新20期", "20")); obj.options.add(new Option("最新30期", "30", true, true)); obj.options.add(new Option("最新50期", "50")); obj.options.add(new Option("最新80期", "80")); obj.options.add(new Option("最新100期", "100")); obj.options.add(new Option("最新150期", "150")); obj.options.add(new Option("最新200期", "200")); obj.options.add(new Option("最新300期", "300")); obj.options.add(new Option("2003年", "2003")); obj.options.add(new Option("2004年", "2004")); obj.options.add(new Option("2005年", "2005")); obj.options.add(new Option("2006年", "2006")); obj.options.add(new Option("2007年", "2007")); obj.options.add(new Option("2008年", "2008")); obj.options.add(new Option("2009年", "2009")); obj.options.add(new Option("2010年", "2010")); obj.options.add(new Option("2011年", "2011")); obj.options.add(new Option("2012年", "2012")); obj.options.add(new Option("2013年", "2013")); obj.options.add(new Option("2014年", "2014")); obj.options.add(new Option("2015年", "2015")); obj.options.add(new Option("2016年", "2016")); obj.options.add(new Option("2017年", "2017")); obj.options.add(new Option("2018年", "2018")); obj.options.add(new Option("2019年", "2019")); var myDate = new Date(); var tYear = myDate.getFullYear(); if (tYear > 2019) obj.options.add(new Option("2020年", "2020")); if (tYear > 2020) obj.options.add(new Option("2021年", "2021")); if (tYear > 2021) obj.options.add(new Option("2022年", "2022")); if (tYear > 2022) obj.options.add(new Option("2023年", "2023")); if (tYear > 2023) obj.options.add(new Option("2024年", "2024")); if (tYear > 2024) obj.options.add(new Option("2025年", "2025")); if (tYear > 2025) obj.options.add(new Option("2026年", "2026")); if (tYear > 2026) obj.options.add(new Option("2027年", "2027")); if (tYear > 2027) obj.options.add(new Option("2028年", "2028")); if (tYear > 2028) obj.options.add(new Option("2029年", "2029")); if (tYear > 2029) obj.options.add(new Option("2030年", "2030")); if (tYear > 2030) obj.options.add(new Option("2031年", "2031")); if (tYear > 2031) obj.options.add(new Option("2032年", "2032")); }
<tr> <td height="35" bgcolor="#FFFFFF" valign="top"> <div align="center"> 查詢 <select name="cxqs" id="cxqs"> </select> <input type="button" name="zuobiao" value="開始查詢" onclick="clientssq()"> </div> </td> </tr>
怎么實作表格下發的標記選號功能，
實作的樣式：
function Style(obj) {
debugger;
if (obj.style.backgroundColor == "") {
obj.style.backgroundColor = "#dd0000";
obj.style.color = "#FFFFFF";
} else {
obj.style.backgroundColor = "";
obj.style.color = "#ffffff";
}
}
html代碼如下：
for (var i = 0; i < 5; i++) { html += '<tr title="點擊空格可以幫助記錄選號" align="center" class="chart_record">' html += '<td></td>' html += '<td width="19"></td>' html += '<td width="19"></td>' html += '<td width="19"></td>' html += '<td width="19"></td>' html += '<td width="19"></td>' html += '<td width="19"></td>' html += '<td></td>' html += '<td onclick="Style(this)">01</td>' html += '<td onclick="Style(this)">02</td>' html += '<td onclick="Style(this)">03</td>' html += '<td onclick="Style(this)">04</td>' html += '<td onclick="Style(this)">05</td>' html += '<td onclick="Style(this)">06</td>' html += '<td onclick="Style(this)">07</td>' html += '<td onclick="Style(this)">08</td>' html += '<td onclick="Style(this)">09</td>' html += '<td onclick="Style(this)">10</td>' html += '<td onclick="Style(this)">11</td>' html += '<td onclick="Style(this)">12</td>' html += '<td onclick="Style(this)">13</td>' html += '<td onclick="Style(this)">14</td>' html += '<td onclick="Style(this)">15</td>' html += '<td onclick="Style(this)">16</td>' html += '<td onclick="Style(this)">17</td>' html += '<td onclick="Style(this)">18</td>' html += '<td onclick="Style(this)">19</td>' html += '<td onclick="Style(this)">20</td>' html += '<td onclick="Style(this)">21</td>' html += '<td onclick="Style(this)">22</td>' html += '<td onclick="Style(this)">23</td>' html += '<td onclick="Style(this)">24</td>' html += '<td onclick="Style(this)">25</td>' html += '<td onclick="Style(this)">26</td>' html += '<td onclick="Style(this)">27</td>' html += '<td onclick="Style(this)">28</td>' html += '<td onclick="Style(this)">29</td>' html += '<td onclick="Style(this)">30</td>' html += '<td onclick="Style(this)">31</td>' html += '<td onclick="Style(this)">32</td>' html += '<td onclick="Style(this)">33</td>' html += '<td></td>' html += '<td></td>' html += '<td></td>' html += '<td></td>' html += '<td></td>' html += '</tr>' }
這樣就可以實作標記號碼功能，
計算連號
function checkdata(arr, num) { var bool = false; for (var i = 0; i < arr.length; i++) { if (arr[i] - num == 1 || arr[i] - num == -1) { bool = true; break; } } return bool; }
計算重號
function array_diff(array1, array2) { var o = {};//轉成hash可以減少運算量，資料量越大，優勢越明顯， for (var i = 0, len = array2.length; i < len; i++) { o[array2[i]] = true; } var result = []; for (i = 0, len = array1.length; i < len; i++) { var v = array1[i]; if (o[v]) continue; result.push(v); } return result; }
還是有非常多的演算法，比如每個號碼出現的次數，
這個都是在JS實作，統計每個號碼出現的次數，
var arr = [count1, count2, count3, count4, count5, count6, count7, count8, count9, count10, count11, count12, count13, count14, count15, count16, count17, count18, count19, count20, count21, count22, count23, count24, count25, count26, count27, count28, count29, count30, count31, count32, count33]; var max = Math.max.apply(null, arr); var unitcount = 50.00 / max; html += '<tr align="center" bgcolor="#ffffff">' html += '<td height="60">統計</td>' html += '<td></td>' html += '<td></td>' html += '<td></td>' html += '<td></td>' html += '<td></td>' html += '<td></td>' html += '<td></td>' html += '<td height="60" align="center" class="statistics" valign="bottom">' + count1 + '<br><img width="8" height=' + count1 * unitcount + ' title="紅球號碼01出現' + count1 + '次" src="../image/01.gif"></td>' html += '<td height="60" align="center" class="statistics" valign="bottom">' + count2 + '<br><img width="8" height=' + count2 * unitcount + ' title="紅球號碼02出現' + count2 + '次" src="../image/01.gif"></td>' html += '<td height="60" align="center" class="statistics" valign="bottom">' + count3 + '<br><img width="8" height=' + count3 * unitcount + ' title="紅球號碼03出現' + count3 + '次" src="../image/01.gif"></td>' html += '<td height="60" align="center" class="statistics" valign="bottom">' + count4 + '<br><img width="8" height=' + count4 * unitcount + ' title="紅球號碼04出現' + count4 + '次" src="../image/01.gif"></td>' html += '<td height="60" align="center" class="statistics" valign="bottom">' + count5 + '<br><img width="8" height=' + count5 * unitcount + ' title="紅球號碼05出現' + count5 + '次" src="../image/01.gif"></td>' html += '<td height="60" align="center" class="statistics" valign="bottom">' + count6 + '<br><img width="8" height=' + count6 * unitcount + ' title="紅球號碼06出現' + count6 + '次" src="../image/01.gif"></td>' html += '<td height="60" align="center" class="statistics" valign="bottom">' + count7 + '<br><img width="8" height=' + count7 * unitcount + ' title="紅球號碼07出現' + count7 + '次" src="../image/01.gif"></td>' html += '<td height="60" align="center" class="statistics" valign="bottom">' + count8 + '<br><img width="8" height=' + count8 * unitcount + ' title="紅球號碼08出現' + count8 + '次" src="../image/01.gif"></td>' html += '<td height="60" align="center" class="statistics" valign="bottom">' + count9 + '<br><img width="8" height=' + count9 * unitcount + ' title="紅球號碼09出現' + count9 + '次" src="../image/01.gif"></td>' html += '<td height="60" align="center" class="statistics" valign="bottom">' + count10 + '<br><img width="8" height=' + count10 * unitcount + ' title="紅球號碼10出現' + count10 + '次" src="../image/01.gif"></td>' html += '<td height="60" align="center" class="statistics" valign="bottom">' + count11 + '<br><img width="8" height=' + count11 * unitcount + ' title="紅球號碼11出現' + count11 + '次" src="../image/01.gif"></td>' html += '<td height="60" align="center" class="statistics" valign="bottom">' + count12 + '<br><img width="8" height=' + count12 * unitcount + ' title="紅球號碼12出現' + count12 + '次" src="../image/01.gif"></td>' html += '<td height="60" align="center" class="statistics" valign="bottom">' + count13 + '<br><img width="8" height=' + count13 * unitcount + ' title="紅球號碼13出現' + count13 + '次" src="../image/01.gif"></td>' html += '<td height="60" align="center" class="statistics" valign="bottom">' + count14 + '<br><img width="8" height=' + count14 * unitcount + ' title="紅球號碼14出現' + count14 + '次" src="../image/01.gif"></td>' html += '<td height="60" align="center" class="statistics" valign="bottom">' + count15 + '<br><img width="8" height=' + count15 * unitcount + ' title="紅球號碼15出現' + count15 + '次" src="../image/01.gif"></td>' html += '<td height="60" align="center" class="statistics" valign="bottom">' + count16 + '<br><img width="8" height=' + count16 * unitcount + ' title="紅球號碼16出現' + count16 + '次" src="../image/01.gif"></td>' html += '<td height="60" align="center" class="statistics" valign="bottom">' + count17 + '<br><img width="8" height=' + count17 * unitcount + ' title="紅球號碼17出現' + count17 + '次" src="../image/01.gif"></td>' html += '<td height="60" align="center" class="statistics" valign="bottom">' + count18 + '<br><img width="8" height=' + count18 * unitcount + ' title="紅球號碼18出現' + count18 + '次" src="../image/01.gif"></td>' html += '<td height="60" align="center" class="statistics" valign="bottom">' + count19 + '<br><img width="8" height=' + count19 * unitcount + ' title="紅球號碼19出現' + count19 + '次" src="../image/01.gif"></td>' html += '<td height="60" align="center" class="statistics" valign="bottom">' + count20 + '<br><img width="8" height=' + count20 * unitcount + ' title="紅球號碼20出現' + count20 + '次" src="../image/01.gif"></td>' html += '<td height="60" align="center" class="statistics" valign="bottom">' + count21 + '<br><img width="8" height=' + count21 * unitcount + ' title="紅球號碼21出現' + count21 + '次" src="../image/01.gif"></td>' html += '<td height="60" align="center" class="statistics" valign="bottom">' + count22 + '<br><img width="8" height=' + count22 * unitcount + ' title="紅球號碼22出現' + count22 + '次" src="../image/01.gif"></td>' html += '<td height="60" align="center" class="statistics" valign="bottom">' + count23 + '<br><img width="8" height=' + count23 * unitcount + ' title="紅球號碼23出現' + count23 + '次" src="../image/01.gif"></td>' html += '<td height="60" align="center" class="statistics" valign="bottom">' + count24 + '<br><img width="8" height=' + count24 * unitcount + ' title="紅球號碼24出現' + count24 + '次" src="../image/01.gif"></td>' html += '<td height="60" align="center" class="statistics" valign="bottom">' + count25 + '<br><img width="8" height=' + count25 * unitcount + ' title="紅球號碼25出現' + count25 + '次" src="../image/01.gif"></td>' html += '<td height="60" align="center" class="statistics" valign="bottom">' + count26 + '<br><img width="8" height=' + count26 * unitcount + ' title="紅球號碼26出現' + count26 + '次" src="../image/01.gif"></td>' html += '<td height="60" align="center" class="statistics" valign="bottom">' + count27 + '<br><img width="8" height=' + count27 * unitcount + ' title="紅球號碼27出現' + count27 + '次" src="../image/01.gif"></td>' html += '<td height="60" align="center" class="statistics" valign="bottom">' + count28 + '<br><img width="8" height=' + count28 * unitcount + ' title="紅球號碼28出現' + count28 + '次" src="../image/01.gif"></td>' html += '<td height="60" align="center" class="statistics" valign="bottom">' + count29 + '<br><img width="8" height=' + count29 * unitcount + ' title="紅球號碼29出現' + count29 + '次" src="../image/01.gif"></td>' html += '<td height="60" align="center" class="statistics" valign="bottom">' + count30 + '<br><img width="8" height=' + count30 * unitcount + ' title="紅球號碼30出現' + count30 + '次" src="../image/01.gif"></td>' html += '<td height="60" align="center" class="statistics" valign="bottom">' + count31 + '<br><img width="8" height=' + count31 * unitcount + ' title="紅球號碼31出現' + count31 + '次" src="../image/01.gif"></td>' html += '<td height="60" align="center" class="statistics" valign="bottom">' + count32 + '<br><img width="8" height=' + count32 * unitcount + ' title="紅球號碼32出現' + count32 + '次" src="../image/01.gif"></td>' html += '<td height="60" align="center" class="statistics" valign="bottom">' + count33 + '<br><img width="8" height=' + count33 * unitcount + ' title="紅球號碼33出現' + count33 + '次" src="../image/01.gif"></td>' html += '<td></td>' html += '<td></td>' html += '<td></td>' html += '<td></td>' html += '<td></td>' html += '</tr>' html += '<tr height="20" align="center" bgcolor="#e8f3ff">' html += '<td></td>' html += '<td></td>' html += '<td></td>' html += '<td></td>' html += '<td></td>' html += '<td></td>' html += '<td></td>' html += '<td></td>' html += '<td class="red">01</td>' html += '<td class="red">02</td>' html += '<td class="red">03</td>' html += '<td class="red">04</td>' html += '<td class="red">05</td>' html += '<td class="red">06</td>' html += '<td class="red">07</td>' html += '<td class="red">08</td>' html += '<td class="red">09</td>' html += '<td class="red">10</td>' html += '<td class="red">11</td>' html += '<td class="red">12</td>' html += '<td class="red">13</td>' html += '<td class="red">14</td>' html += '<td class="red">15</td>' html += '<td class="red">16</td>' html += '<td class="red">17</td>' html += '<td class="red">18</td>' html += '<td class="red">19</td>' html += '<td class="red">20</td>' html += '<td class="red">21</td>' html += '<td class="red">22</td>' html += '<td class="red">23</td>' html += '<td class="red">24</td>' html += '<td class="red">25</td>' html += '<td class="red">26</td>' html += '<td class="red">27</td>' html += '<td class="red">28</td>' html += '<td class="red">29</td>' html += '<td class="red">30</td>' html += '<td class="red">31</td>' html += '<td class="red">32</td>' html += '<td class="red">33</td>' html += '<td></td>' html += '<td></td>' html += '<td></td>' html += '<td></td>' html += '<td></td>' html += '</tr>' html += '<tr><td class="chart_bottom" colspan="46">說明：點擊最后空行上的空格，可以幫助記錄選號，</td></tr>' html += '</tbody>' html += '</table>';
計算每個號碼出現次數，并且顯示紅色柱狀圖效果，以上即是實作的原始碼，
包括計算和值、大小比、奇偶比、尾和等等都有實作，相對而言還比較復雜，
相對而言實作豎三還是比較復雜的，如下：
var temp1 = []; var temp2 = []; if (parseInt(i) + 2 < data.length) { var arr1 = [data[i].R1, data[i].R2, data[i].R3, data[i].R4, data[i].R5, data[i].R6]; var arr2 = [data[parseInt(i) + 1].R1, data[parseInt(i) + 1].R2, data[parseInt(i) + 1].R3, data[parseInt(i) + 1].R4, data[parseInt(i) + 1].R5, data[parseInt(i) + 1].R6]; var arr3 = [data[parseInt(i) + 2].R1, data[parseInt(i) + 2].R2, data[parseInt(i) + 2].R3, data[parseInt(i) + 2].R4, data[parseInt(i) + 2].R5, data[parseInt(i) + 2].R6]; temp1 = repetition(arr1, arr2); temp2 = repetition(temp1, arr3); } var temp3 = []; var temp4 = []; if (i > 0 && parseInt(i) + 1 < data.length) { var arr1 = [data[parseInt(i) - 1].R1, data[parseInt(i) - 1].R2, data[parseInt(i) - 1].R3, data[parseInt(i) - 1].R4, data[parseInt(i) - 1].R5, data[parseInt(i) - 1].R6]; var arr2 = [data[i].R1, data[i].R2, data[i].R3, data[i].R4, data[i].R5, data[i].R6]; var arr3 = [data[parseInt(i) + 1].R1, data[parseInt(i) + 1].R2, data[parseInt(i) + 1].R3, data[parseInt(i) + 1].R4, data[parseInt(i) + 1].R5, data[parseInt(i) + 1].R6]; temp3 = repetition(arr1, arr2); temp4 = repetition(temp3, arr3); } var temp5 = []; var temp6 = []; if (i > 1 && i < data.length) { var arr1 = [data[parseInt(i) - 2].R1, data[parseInt(i) - 2].R2, data[parseInt(i) - 2].R3, data[parseInt(i) - 2].R4, data[parseInt(i) - 2].R5, data[parseInt(i) - 2].R6]; var arr2 = [data[parseInt(i) - 1].R1, data[parseInt(i) - 1].R2, data[parseInt(i) - 1].R3, data[parseInt(i) - 1].R4, data[parseInt(i) - 1].R5, data[parseInt(i) - 1].R6]; var arr3 = [data[i].R1, data[i].R2, data[i].R3, data[i].R4, data[i].R5, data[i].R6]; temp5 = repetition(arr1, arr2); temp6 = repetition(temp5, arr3); }
function repetition(arr, brr) { //定義一個新的陣列，存入重復的陣列 var newArr = []; //回圈兩個陣列，外回圈回圈一圈，內回圈一輪，用外回圈的一個去和內回圈的每一個作比較 //如果相等說明就是重復的，然后再新陣列里查找一下，這個數是否存在，如果兩個條件都滿足，則存入新陣列 //回圈第一個陣列 for (var i = 0; i < arr.length; i++) { //回圈第二個陣列 for (var j = 0; j < brr.length; j++) { //避免新陣列中出現重復的數 if (arr[i] - brr[j] == 0) { newArr.push(arr[i]); } } } //回傳新陣列 return newArr; } function checkdata(arr, num) { var bool = false; for (var i = 0; i < arr.length; i++) { if (arr[i] == num) { bool = true; break; } } return bool; }
怎么計算斜三走勢圖
var temp1 = []; if (parseInt(i) + 2 < data.length) { var arr1 = [data[i].R1, data[i].R2, data[i].R3, data[i].R4, data[i].R5, data[i].R6]; var arr2 = [data[parseInt(i) + 1].R1, data[parseInt(i) + 1].R2, data[parseInt(i) + 1].R3, data[parseInt(i) + 1].R4, data[parseInt(i) + 1].R5, data[parseInt(i) + 1].R6]; var arr3 = [data[parseInt(i) + 2].R1, data[parseInt(i) + 2].R2, data[parseInt(i) + 2].R3, data[parseInt(i) + 2].R4, data[parseInt(i) + 2].R5, data[parseInt(i) + 2].R6]; temp1 = repetition(arr1, arr2, arr3,1); } var temp2 = []; if (i > 0 && parseInt(i) + 1 < data.length) { var arr1 = [data[parseInt(i) - 1].R1, data[parseInt(i) - 1].R2, data[parseInt(i) - 1].R3, data[parseInt(i) - 1].R4, data[parseInt(i) - 1].R5, data[parseInt(i) - 1].R6]; var arr2 = [data[i].R1, data[i].R2, data[i].R3, data[i].R4, data[i].R5, data[i].R6]; var arr3 = [data[parseInt(i) + 1].R1, data[parseInt(i) + 1].R2, data[parseInt(i) + 1].R3, data[parseInt(i) + 1].R4, data[parseInt(i) + 1].R5, data[parseInt(i) + 1].R6]; temp2 = repetition(arr1, arr2, arr3,2); } var temp3 = []; if (i > 1 && i < data.length) { var arr1 = [data[parseInt(i) - 2].R1, data[parseInt(i) - 2].R2, data[parseInt(i) - 2].R3, data[parseInt(i) - 2].R4, data[parseInt(i) - 2].R5, data[parseInt(i) - 2].R6]; var arr2 = [data[parseInt(i) - 1].R1, data[parseInt(i) - 1].R2, data[parseInt(i) - 1].R3, data[parseInt(i) - 1].R4, data[parseInt(i) - 1].R5, data[parseInt(i) - 1].R6]; var arr3 = [data[i].R1, data[i].R2, data[i].R3, data[i].R4, data[i].R5, data[i].R6]; temp3 = repetition(arr1, arr2, arr3,3); }
function repetition(arr, brr, crr,index) { //定義一個新的陣列，存入重復的陣列 var newArr = []; //回圈兩個陣列，外回圈回圈一圈，內回圈一輪，用外回圈的一個去和內回圈的每一個作比較 //如果相等說明就是重復的，然后再新陣列里查找一下，這個數是否存在，如果兩個條件都滿足，則存入新陣列 //回圈第一個陣列 for (var i = 0; i < arr.length; i++) { //回圈第二個陣列 for (var j = 0; j < brr.length; j++) { for (var x = 0; x < crr.length; x++) { //避免新陣列中出現重復的數 if ((arr[i] - brr[j] == 1 && brr[j] - crr[x] == 1 && arr[i] - crr[x] == 2) || (arr[i] - brr[j] == -1 && brr[j] - crr[x] == -1 && arr[i] - crr[x] == -2)) { if (index == 1) { newArr.push(arr[i]); } if (index == 2) { newArr.push(brr[j]); } if (index == 3) { newArr.push(crr[x]); } } } } } //回傳新陣列 return newArr; } function checkdata(arr, num) { var bool = false; for (var i = 0; i < arr.length; i++) { if (arr[i] == num) { bool = true; break; } } return bool; }
現在已經實作了一些彩票的走勢圖，未來還會做福彩3D、福彩七樂彩、超級大樂透、體彩排列三、排列五、體彩七星彩等等熱門彩票，目前已經在做福彩3D走勢，已經實作了一部分功能了，
包括還做了一些工具，比如復試拆分：
<table align="center" border="0" cellpadding="0" cellspacing="0" class="border2" width="980"> <tbody> <tr> <td> @Html.Partial("_header") </td> </tr> </tbody> <tbody> <tr> <td align="left" class="tdbg_leftall" valign="top"> <div align="center"> <table border="0" cellpadding="0" cellspacing="0" width="980"> <tbody> <tr> <td align="center" bgcolor="#ffffff"> <form action="../fushichaifenjieguo.asp" target="_blank" method="post" name="form1"> <br> <p align="center" class="chart_topic">福彩雙色球復式拆分</p> <table width="600" border="0" align="center" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <table width="600" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000" bordercolordark="#ffffff" bgcolor="#ffcccc" style="LINE-HEIGHT: 100%"> <tbody> <tr bgcolor="#F3CDEE"> <td height="30" colspan="11" align="center" class="style44"><font color="#0000ff">請選擇您要投注紅球號碼</font></td> </tr> <tr bgcolor="#FBE3E6"> <td align="center" class="style45">01</td> <td align="center" class="style45">02</td> <td align="center" class="style45">03</td> <td align="center" class="style45">04</td> <td align="center" class="style45">05</td> <td align="center" class="style45">06</td> <td align="center" class="style45">07</td> <td align="center" class="style45">08</td> <td align="center" class="style45">09</td> <td align="center" class="style45">10</td> <td align="center" class="style45">11</td> </tr> <tr bgcolor="#FBE3E6"> <td align="center" class="style45"><input name="checkbox1" type="checkbox" value="01"></td> <td align="center" class="style45"><input name="checkbox2" type="checkbox" value="02"></td> <td align="center" class="style45"><input name="checkbox3" type="checkbox" value="03"></td> <td align="center" class="style45"><input name="checkbox4" type="checkbox" value="04"></td> <td align="center" class="style45"><input name="checkbox5" type="checkbox" value="05"></td> <td align="center" class="style45"><input name="checkbox6" type="checkbox" value="06"></td> <td align="center" class="style45"><input name="checkbox7" type="checkbox" value="07"></td> <td align="center" class="style45"><input name="checkbox8" type="checkbox" value="08"></td> <td align="center" class="style45"><input name="checkbox9" type="checkbox" value="09"></td> <td align="center" class="style45"><input name="checkbox10" type="checkbox" value="10"></td> <td align="center" class="style45"><input name="checkbox11" type="checkbox" value="11"></td> </tr> <tr bgcolor="#FBE3E6"> <td align="center" class="style45">12</td> <td align="center" class="style45">13</td> <td align="center" class="style45">14</td> <td align="center" class="style45">15</td> <td align="center" class="style45">16</td> <td align="center" class="style45">17</td> <td align="center" class="style45">18</td> <td align="center" class="style45">19</td> <td align="center" class="style45">20</td> <td align="center" class="style45">21</td> <td align="center" class="style45">22</td> </tr> <tr bgcolor="#FBE3E6"> <td align="center" class="style45"><input name="checkbox12" type="checkbox" value="12"></td> <td align="center" class="style45"><input name="checkbox13" type="checkbox" value="13"></td> <td align="center" class="style45"><input name="checkbox14" type="checkbox" value="14"></td> <td align="center" class="style45"><input name="checkbox15" type="checkbox" value="15"></td> <td align="center" class="style45"><input name="checkbox16" type="checkbox" value="16"></td> <td align="center" class="style45"><input name="checkbox17" type="checkbox" value="17"></td> <td align="center" class="style45"><input name="checkbox18" type="checkbox" value="18"></td> <td align="center" class="style45"><input name="checkbox19" type="checkbox" value="19"></td> <td align="center" class="style45"><input name="checkbox20" type="checkbox" value="20"></td> <td align="center" class="style45"><input name="checkbox21" type="checkbox" value="21"></td> <td align="center" class="style45"><input name="checkbox22" type="checkbox" value="22"></td> </tr> <tr bgcolor="#FBE3E6"> <td align="center" class="style45">23</td> <td align="center" class="style45">24</td> <td align="center" class="style45">25</td> <td align="center" class="style45">26</td> <td align="center" class="style45">27</td> <td align="center" class="style45">28</td> <td align="center" class="style45">29</td> <td align="center" class="style45">30</td> <td align="center" class="style45">31</td> <td align="center" class="style45">32</td> <td align="center" class="style45">33</td> </tr> <tr bgcolor="#FBE3E6"> <td align="center" class="style45"><input name="checkbox23" type="checkbox" value="23"></td> <td align="center" class="style45"><input name="checkbox24" type="checkbox" value="24"></td> <td align="center" class="style45"><input name="checkbox25" type="checkbox" value="25"></td> <td align="center" class="style45"><input name="checkbox26" type="checkbox" value="26"></td> <td align="center" class="style45"><input name="checkbox27" type="checkbox" value="27"></td> <td align="center" class="style45"><input name="checkbox28" type="checkbox" value="28"></td> <td align="center" class="style45"><input name="checkbox29" type="checkbox" value="29"></td> <td align="center" class="style45"><input name="checkbox30" type="checkbox" value="30"></td> <td align="center" class="style45"><input name="checkbox31" type="checkbox" value="31"></td> <td align="center" class="style45"><input name="checkbox32" type="checkbox" value="32"></td> <td align="center" class="style45"><input name="checkbox33" type="checkbox" value="33"></td> </tr> </tbody> </table> <table width="600" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000" bordercolordark="#ffffff" bgcolor="#ffcccc" style="LINE-HEIGHT: 100%"> <tbody> <tr bgcolor="#F7CFEF"> <td height="30" colspan="2" align="center" class="style44"><b><font color="#0000ff">組合方式</font></b></td> </tr> <tr bgcolor="#FFE3E7"> <td width="50%" align="center" class="style45">福彩雙色球紅球部分（33選6）</td> <td width="50%" align="center" class="style45"><input checked="" name="radiobutton" type="radio" value="6"></td> </tr> </tbody> </table> </td> </tr> <tr> <td align="center"> <table bgcolor="#ffcccc" border="1" bordercolor="#000000" bordercolordark="#ffffff" cellpadding="0" cellspacing="0" style="LINE-HEIGHT: 100%" width="600"> <tbody> <tr bgcolor="#F7CFEF"> <td height="30" colspan="2" align="center" class="style44"><b><font color="#0000ff">請選擇結果產生的方式</font></b></td> </tr> <tr bgcolor="#FFE3E7"> <td width="50%" align="center" class="style45">僅列出拆分號碼注數</td> <td width="50%" align="center" class="style45"><input name="radiobutton1" type="radio" value="aaa"></td> </tr> <tr bgcolor="#FFE3E7"> <td align="center" class="style45">列出拆分號碼注數及拆分結果</td> <td align="center" class="style45"><input checked="" name="radiobutton1" type="radio" value="bbb"></td> </tr> </tbody> </table> <br> <input name="Submit" type="submit" value="開始拆分"> <input id="rest" name="rest" type="reset" value="重新選擇"> </td> </tr> </tbody> </table> </form> </td> </tr> </tbody> </table> </div> </td> </tr> </tbody> </table>View Code
復式計算器
<table width="980" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"> <tbody> <tr> <td> @Html.Partial("_header") </td> </tr> <tr><td height="15" bgcolor="#FFFFFF"></td></tr> <tr><td bgcolor="#FFFFFF"><div class="chart_topic">福彩雙色球復式計算器</div></td></tr> <tr><td height="15" bgcolor="#FFFFFF"></td></tr> <tr><td bgcolor="#FFFFFF" colspan="8" height="20"></td></tr> <tr> <td valign="top" colspan="7"> <table height="2" cellspacing="2" cellpadding="4" width="100%" border="0"> <tbody></tbody> <tbody></tbody> </table> <table cellspacing="0" cellpadding="0" align="center" bgcolor="#ffffff" border="0"> <tbody> <tr bgcolor="#FFFFFF"> <td colspan="7" valign="top" width="980"> <table cellspacing="0" cellpadding="0" width="980" align="center" bgcolor="#d7d7d7" border="0"> <tbody></tbody> </table> <table cellspacing="0" cellpadding="0" align="center" bgcolor="#f3f3f3" border="0"> <tbody> <tr valign="top"> <td colspan="7" bgcolor="#ffffff"> <table cellspacing="0" cellpadding="0" align="center" border="0"> <tbody> <tr bgcolor="#ffffff"> <td colspan="7" bgcolor="#ffffff"> <table cellspacing="0" cellpadding="0" width="100%" border="0"> <tbody> <tr> <td colspan="7"> 此表僅供參考，如有爭議，以電腦系統確定的資料為準， <script language="JavaScript" type="text/JavaScript"> function doChangeNumber(form, tableID) { var redBallCount = form.elements["redBallCount"]; var blueBallCount = form.elements["blueBallCount"]; var table = document.getElementById(tableID); var rows = table.rows; var castMoney = document.getElementById("castMoney"); castMoney.innerText = comp(6, redBallCount.value) * blueBallCount.value * 2 + "元"; var rowLen = rows.length; for (var i = 1; i < rowLen; i++) { var tr = rows[i]; var td0 = tr.cells[0]; var td1 = tr.cells[1]; var td2 = tr.cells[2]; var td3 = tr.cells[3]; var td4 = tr.cells[4]; var td5 = tr.cells[5]; var td6 = tr.cells[6]; var td7 = tr.cells[7]; var td8 = tr.cells[8]; var td9 = tr.cells[9]; var td10 = tr.cells[10]; var td11 = tr.cells[11]; td0.innerText = redBallCount.value; td1.innerText = blueBallCount.value; td2.innerText = comp(6, redBallCount.value) * (blueBallCount.value * 2); var a = td0.innerText; var b = td1.innerText; var c = td3.innerText; var d = td4.innerText; if (blueBallCount.value == 16 && d == 0) { tr.style.display = "none"; } else { tr.style.display = ""; } td5.innerText = calFirst(a, b, c, d); td6.innerText = calSecond(a, b, c, d); td7.innerText = calThird(a, b, c, d); td8.innerText = calFourth(a, b, c, d); td9.innerText = calFiveth(a, b, c, d); td10.innerText = calSixth(a, b, c, d); td11.innerText = getMoney(td5.innerText, "A") + getMoney(td6.innerText, "B") + (cal(td7.innerText, 3000) + cal(td8.innerText, 200) + cal(td9.innerText, 10) + cal(td10.innerText, 5)); } } function getMoney(num, text) { var count = new Number(num); if (count > 0) { return count + text + "+"; } else { return ""; } } function cal(a, b) { var A = new Number(a); var B = new Number(b); return A * B; } function comp(head, foot) { var A = new Number(head); var B = new Number(foot); var C = 1; for (var i = B - A + 1; i <= B; i++) { C = C * i; } for (var i = 2; i <= A; i++) { C = C / i; } return C; } function calFirst(a, b, c, d) { var A = new Number(a); var B = new Number(b); var C = new Number(c); var D = new Number(d); var value = D * comp(6, C) * comp(0, A - C); return value; } function calSecond(a, b, c, d) { var A = new Number(a); var B = new Number(b); var C = new Number(c); var D = new Number(d); var value = (B - D) * comp(6, C) * comp(0, A - C); return value; } function calThird(a, b, c, d) { var A = new Number(a); var B = new Number(b); var C = new Number(c); var D = new Number(d); var value = D * comp(5, C) * comp(1, A - C); return value; } function calFourth(a, b, c, d) { var A = new Number(a); var B = new Number(b); var C = new Number(c); var D = new Number(d); var value = D * comp(4, C) * comp(2, A - C) + (B - D) * comp(5, C) * comp(1, A - C); return value; } function calFiveth(a, b, c, d) { var A = new Number(a); var B = new Number(b); var C = new Number(c); var D = new Number(d); var value = D * comp(3, C) * comp(3, A - C) + (B - D) * comp(4, C) * comp(2, A - C); return value; } function calSixth(a, b, c, d) { var A = new Number(a); var B = new Number(b); var C = new Number(c); var D = new Number(d); var value = D * comp(2, C) * comp(4, A - C) + D * comp(1, C) * comp(5, A - C) + D * comp(0, C) * comp(6, A - C); return value; } </script> </td> </tr> <tr> <td>玩法：6/33+1/16</td> </tr> <tr> <td> <table cellspacing="1" cellpadding="0" width="980" bgcolor="#cccccc" border="0"> <tbody> <tr bgcolor="#FFFFFF"> <td> <div align="center">獎級</div> </td> <td> <div align="center">中獎條件</div> </td> <td> <div align="center">獎金</div> </td> <td> <div align="center">獎級</div> </td> <td> <div align="center">中獎條件</div> </td> <td> <div align="center">獎金</div> </td> </tr> <tr bgcolor="#ffffff"> <td> <div align="center">一等獎</div> </td> <td> <div align="center">6+1</div> </td> <td> <div align="center">A元</div> </td> <td> <div align="center">四等獎</div> </td> <td> <div align="center">5+0，4+1</div> </td> <td> <div align="center">200元</div> </td> </tr> <tr bgcolor="#ffffff"> <td> <div align="center">二等獎</div> </td> <td> <div align="center">6+0</div> </td> <td> <div align="center">B元</div> </td> <td> <div align="center">五等獎</div> </td> <td> <div align="center">4+0，3+1</div> </td> <td> <div align="center">10元</div> </td> </tr> <tr bgcolor="#ffffff"> <td> <div align="center">三等獎</div> </td> <td> <div align="center">5+1</div> </td> <td> <div align="center">3000元</div> </td> <td> <div align="center">六等獎</div> </td> <td> <div align="center">2+1，1+1，0+1</div> </td> <td> <div align="center">5元</div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td class="solid2" bgcolor="#FFEBEF" height="40"> <div class="title" align="center"><strong>投注金額計算器</strong></div> </td> </tr> <tr> <td bgcolor="#ffffff"> <script language="javascript"> var num; var i; var tempNum; tempNum = 0; function show(num) { if (fm1.rednum.value < 20 && eval(fm1.RedGlob1[num - 1]).style.display == "none") {//選擇的紅球 eval(fm1.RedGlob1[num - 1]).style.display = ""; eval(fm1.RedGlob2[num - 1]).disabled = false; fm1.rednum.value++; myrednum.innerHTML = fm1.rednum.value; num = getnum(fm1.rednum.value, fm1.bluenum.value); myallnum.innerHTML = num; mymoney.innerHTML = 2 * num; } } function show2(num) {//取消紅球 eval(fm1.RedGlob1[num - 1]).style.display = "none"; eval(fm1.RedGlob2[num - 1]).disabled = true; fm1.rednum.value--; myrednum.innerHTML = fm1.rednum.value; num = getnum(fm1.rednum.value, fm1.bluenum.value); myallnum.innerHTML = num; mymoney.innerHTML = 2 * num; } function show3(num) { if (fm1.bluenum.value < 17 && eval(fm1.BlueGlob1[num - 1]).style.display == "none") {//選擇籃球 eval(fm1.BlueGlob1[num - 1]).style.display = ""; eval(fm1.BlueGlob2[num - 1]).disabled = false; fm1.bluenum.value++; mybluenum.innerHTML = fm1.bluenum.value; num = getnum(fm1.rednum.value, fm1.bluenum.value); myallnum.innerHTML = num; mymoney.innerHTML = 2 * num; } } function show4(num) {//取消籃球 eval(fm1.BlueGlob1[num - 1]).style.display = "none"; eval(fm1.BlueGlob2[num - 1]).disabled = true; fm1.bluenum.value--; mybluenum.innerHTML = fm1.bluenum.value; num = getnum(fm1.rednum.value, fm1.bluenum.value); myallnum.innerHTML = num; mymoney.innerHTML = 2 * num; } function getnum(rn, bn) { if (rn < 6) return 0; if (bn == 0) return 0; if (rn == 6) { fm1.tempnum.value = bn; return bn; } tempNum = 1; for (i = 7; i <= rn; i++) { tempNum = tempNum * i; } for (i = 2; i <= rn - 6; i++) { tempNum = tempNum / i; } tempNum = tempNum * bn; fm1.tempnum.value = tempNum; if (tempNum > 620160) { alert("方案注數最大不得超過620160注"); return false; } return tempNum; } function mysubmit() { var length = fm1.RedGlob2.length; var chooseRed = ''; for (i = 0; i < length; i++) { if (eval(fm1.RedGlob1[i]).style.display == "")//選擇的紅球 { chooseRed += fm1.RedGlob2[i].value + ','; } } fm1.choosered.value = chooseRed; var length = fm1.BlueGlob2.length; var chooseBlue = ''; for (i = 0; i < length; i++) { if (eval(fm1.BlueGlob1[i]).style.display == "")//選擇的紅球 { chooseBlue += fm1.BlueGlob2[i].value + ','; } } fm1.chooseblue.value = chooseBlue; var tempNum = fm1.tempnum.value; if (tempNum <= 3) { alert("合買最少1注,即6個紅球,1個藍球"); return false; } if (tempNum > 620160) { alert("方案注數最大不得超過620160注"); return false; } if (fm1.title.value == "") { alert("請輸入方案標題"); return false; } if (fm1.content.value == "") { alert("請輸入方案內容"); return false; } } </script> <form name="fm1" onsubmit="return mysubmit()" action="../template_shuang/add_result.php" method="post"> <table class="border_blue" cellspacing="0" cellpadding="0" width="100%" border="0"> <tbody> <tr> <td> <table cellspacing="0" cellpadding="5" width="100%" border="0"> <tbody> <tr> <td> <table id="Table1" bordercolor="#FCD6DB" cellspacing="0" cellpadding="1" width="100%" border="1"> <tbody> <tr valign="bottom" align="middle"> <td width="68%"><b>紅 球 投 注 區</b></td> <td width="32%"><b>藍 球 投 注 區</b></td> </tr> <tr> <td width="68%"> <table cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td> <input onclick="show('1')" type="button" value="01" name="RedGlob"> </td> <td> <input onclick="show('2')" type="button" value="02" name="RedGlob2"> </td> <td> <input onclick="show('3')" type="button" value="03" name="RedGlob2"> </td> <td> <input onclick="show('4')" type="button" value="04" name="RedGlob2"> </td> <td> <input onclick="show('5')" type="button" value="05" name="RedGlob2"> </td> <td> <input onclick="show('6')" type="button" value="06" name="RedGlob2"> </td> <td> <input onclick="show('7')" type="button" value="07" name="RedGlob2"> </td> <td> <input onclick="show('8')" type="button" value="08" name="RedGlob2"> </td> <td> <input onclick="show('9')" type="button" value="09" name="RedGlob2"> </td> <td> <input onclick="show('10')" type="button" value="10" name="RedGlob2"> </td> <td> <input onclick="show('11')" type="button" value="11" name="RedGlob2"> </td> <td> <input onclick="show('12')" type="button" value="12" name="RedGlob2"> </td> <td> <input onclick="show('13')" type="button" value="13" name="RedGlob2"> </td> <td> <input onclick="show('14')" type="button" value="14" name="RedGlob2"> </td> <td> <input onclick="show('15')" type="button" value="15" name="RedGlob2"> </td> <td> <input onclick="show('16')" type="button" value="16" name="RedGlob2"> </td> <td> <input onclick="show('17')" type="button" value="17" name="RedGlob2"> </td> </tr> <tr> <td> <input onclick="show('18')" type="button" value="18" name="RedGlob2"> </td> <td> <input onclick="show('19')" type="button" value="19" name="RedGlob2"> </td> <td> <input onclick="show('20')" type="button" value="20" name="RedGlob2"> </td> <td> <input onclick="show('21')" type="button" value="21" name="RedGlob2"> </td> <td> <input onclick="show('22')" type="button" value="22" name="RedGlob2"> </td> <td> <input onclick="show('23')" type="button" value="23" name="RedGlob2"> </td> <td> <input onclick="show('24')" type="button" value="24" name="RedGlob2"> </td> <td> <input onclick="show('25')" type="button" value="25" name="RedGlob2"> </td> <td> <input onclick="show('26')" type="button" value="26" name="RedGlob2"> </td> <td> <input onclick="show('27')" type="button" value="27" name="RedGlob2"> </td> <td> <input onclick="show('28')" type="button" value="28" name="RedGlob2"> </td> <td> <input onclick="show('29')" type="button" value="29" name="RedGlob2"> </td> <td> <input onclick="show('30')" type="button" value="30" name="RedGlob2"> </td> <td> <input onclick="show('31')" type="button" value="31" name="RedGlob2"> </td> <td> <input onclick="show('32')" type="button" value="32" name="RedGlob2"> </td> <td> <input onclick="show('33')" type="button" value="33" name="RedGlob2"> </td> </tr> </tbody> </table> </td> <td width="32%"> <table id="Table2" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td> <input id="Button1" onclick="show3('1')" type="button" value="01" name="BlueGlob"> </td> <td> <input id="Button1" onclick="show3('2')" type="button" value="02" name="BlueGlob"> </td> <td> <input id="Button1" onclick="show3('3')" type="button" value="03" name="BlueGlob"> </td> <td> <input id="Button1" onclick="show3('4')" type="button" value="04" name="BlueGlob"> </td> <td> <input id="Button1" onclick="show3('5')" type="button" value="05" name="BlueGlob"> </td> <td> <input id="Button1" onclick="show3('6')" type="button" value="06" name="BlueGlob"> </td> <td> <input id="Button1" onclick="show3('7')" type="button" value="07" name="BlueGlob"> </td> <td> <input id="Button1" onclick="show3('8')" type="button" value="08" name="BlueGlob"> </td> </tr> <tr> <td> <input id="Button1" onclick="show3('9')" type="button" value="09" name="BlueGlob"> </td> <td> <input id="Button1" onclick="show3('10')" type="button" value="10" name="BlueGlob"> </td> <td> <input id="Button1" onclick="show3('11')" type="button" value="11" name="BlueGlob"> </td> <td> <input id="Button1" onclick="show3('12')" type="button" value="12" name="BlueGlob"> </td> <td> <input id="Button1" onclick="show3('13')" type="button" value="13" name="BlueGlob"> </td> <td> <input id="Button1" onclick="show3('14')" type="button" value="14" name="BlueGlob"> </td> <td> <input id="Button1" onclick="show3('15')" type="button" value="15" name="BlueGlob"> </td> <td> <input id="Button1" onclick="show3('16')" type="button" value="16" name="BlueGlob"> </td> </tr> </tbody> </table> </td> </tr> <tr> <td align="left" colspan="2"> <table id="Table5" cellspacing="0" cellpadding="0" align="left" border="0"> <tbody> <tr> <td align="left" colspan="2"><font color="#ff0000">紅球：[點擊號碼可取消選擇]</font></td> </tr> </tbody> <tbody> <tr> <td align="left"> </td> <td align="left"> <table id="Table3" cellspacing="0" cellpadding="0" align="center" border="0"> <tbody> <tr> <td> <input style="DISPLAY: none" onclick="show2('1')" type="button" value="01" name="RedGlob1"> </td> <input disabled="" type="hidden" value="01" name="RedGlob2"> <td> <input style="DISPLAY: none" onclick="show2('2')" type="button" value="02" name="RedGlob1"> </td> <input disabled="" type="hidden" value="02" name="RedGlob2"> <td> <input style="DISPLAY: none" onclick="show2('3')" type="button" value="03" name="RedGlob1"> </td> <input disabled="" type="hidden" value="03" name="RedGlob2"> <td> <input style="DISPLAY: none" onclick="show2('4')" type="button" value="04" name="RedGlob1"> </td> <input disabled="" type="hidden" value="04" name="RedGlob2"> <td> <input style="DISPLAY: none" onclick="show2('5')" type="button" value="05" name="RedGlob1"> </td> <input disabled="" type="hidden" value="05" name="RedGlob2"> <td> <input style="DISPLAY: none" onclick="show2('6')" type="button" value="06" name="RedGlob1"> </td> <input disabled="" type="hidden" value="06" name="RedGlob2"> <td> <input style="DISPLAY: none" onclick="show2('7')" type="button" value="07" name="RedGlob1"> </td> <input disabled="" type="hidden" value="07" name="RedGlob2"> <td> <input style="DISPLAY: none" onclick="show2('8')" type="button" value="08" name="RedGlob1"> </td> <input disabled="" type="hidden" value="08" name="RedGlob2"> <td> <input style="DISPLAY: none" onclick="show2('9')" type="button" value="09" name="RedGlob1"> </轉載請註明出處，本文鏈接：https://www.uj5u.com/net/194378.html
標籤：.NET技术