原生JS实现网络彩票投注效果


Posted in Javascript onSeptember 25, 2016

个人游戏之作,小伙伴们研究下就好

主要功能:

1、可自由选择投注模式、倍数,可点击‘×'删除提交注单。
2、可使用jsonp引用官方彩票开奖数据(实时开奖)。
3、结合后台可实现官彩同样的效果。

实现原理:

单纯使用Js实现,这里主要用数组存放数据,随机生成开奖号码,然后进行判断是否中奖。

下面是完整JS代码:

index.html

<!doctype html>
<html lang="en">
 <head>
 <meta charset="UTF-8">
 <meta name="Generator" content="EditPlus®">
 <meta name="Author" content="">
 <meta name="Keywords" content="">
 <meta name="Description" content="">
 <title>彩票--德芙</title>
 <link rel="stylesheet" type='text/css' href="css/index.css" />
 <script type="text/javascript" src='js/sports-1.0-js.js'></script>
 </head>
 <body>
 <div id='Game'>
 <div class='G_top'>
 <div class="G_t_title">
  <h1 class='G_t_t_logo'>TanZhouCaiPiao</h1>
  <p class='text'>付出不亚于任何人的努力!</p>
 </div>
 <div class='G_t_kaijiang'>
  <p class='G_t_k_title'>潭州彩票<span class='G_t_k_t_issue' id='G_t_k_t_issue'></span>期</p>
  <div class='G_t_k_num' id='G_t_k_num'>
  <span></span>
  <span></span>
  <span></span>
  <span></span>
  <span></span>
  </div>
 </div>
 <div class="G_t_user">
  <div class='G_t_u_name'>德芙纵享丝滑</div>
  <div class='G_t_u_buy'>
  ¥
  <span class='G_t_u_money' id='G_t_u_money'>1314.51</span>
  </div>
  <div class='supMoney' id='supMoney'>
  </div>
  <div class='addMoney' id='addMoney'>
  </div>
 </div>
 </div>
 <div id="content">
 <div class='c_left'>
  <div class='c_l_mode' id='c_l_mode'>
  <span class='c_l_m_first'>三星</span>
  <span>定位胆</span>
  <span>大小单双</span>
  </div>
  <div class="c_l_shuoming">
  <div class="c_l_s_right" id='c_l_s_right'>
   <a href="javascript:void(0)">选号规则
   <div class='c_l_s_r_hide'>
   </div>
   </a>
   <a href="javascript:void(0)">中奖说明
   <div class='c_l_s_r_hide'>
   </div>
   </a>
   <a href="javascript:void(0)">投注案例
   <div class='c_l_s_r_hide'>
    
   </div>
   </a>
  </div>
  </div>
  <div class='c_l_number' id='c_l_number'>
  </div>
  <div class='c_l_bottom'>
  <div class='c_l_b_function'>
   <span class="c_l_b_f_sup"></span>
   <input type="text" class='c_l_b_f_beishu' id='c_l_b_f_beishu' value='1'/>
   <span class="c_l_b_f_add"></span>
   <i>倍</i>
   <select name="sel_mode" id="sel_mode" class="c_l_b_f_sel">
   <option value="1">元</option>
   <option value="2">角</option>
   <option value="3">分</option>
   </select>
   <p class='c_l_b_f_jiangjin'>奖金:<span id='jiangjin'>1800</span></p>
   <p class="c_l_b_f_data">选择<span class='c_l_b_f_d_num' id='zhushu'>0</span>注,共 ¥ <span class='c_l_b_f_d_num' id='money'>0</span>元</p>
  </div>
  <div class='c_l_b_submit'>
   <input type="submit" value='添加号码' id='c_l_b_s_addNum'/>
  </div>
  <input type="button" value='提交注单' id='c_l_b_deledNum' class='c_l_b_deledNum'/>
  </div>
  <textarea id='c_l_data' class='c_l_data' readonly></textarea>
 </div>
 <div class='c_right'>
  <div class="c_r_rus">
  <div class="c_r_r_qihao">开奖期号</div>
  <div class="c_r_r_haoma">开奖号码</div>
  <ul id='c_r_r_box'>
  </ul>
  </table>
  </div>
  <div class="c_r_list">
  <div class="c_r_l_title">
   <span>玩法</span>
   <span>注数</span>
   <span>倍数</span>
   <span>金额</span>
   <span class='close'></span>
  </div>
  <ul id='c_r_l_ul'>
  </ul>
  </div>
  <div class="c_r_touzhu">
  <input type="button" value='立即投注' id='c_r_t_btn' class='c_r_t_btn'/>
  </div>
 </div>
 </div>
 </div>
 <div class='explain'>
 <h2>介绍说明</h2>
 <div id='toggleMove' class='arrow'></div>
 <p><span>投注方式:</span>请您选择您的投注号码后‘添加号码'==>‘提交注单'==>‘立即投注'</p>
 <p><span>三星玩法:</span>至少需要在‘百位'、‘十位'、‘个位'三个位置中选择一个号码投注,开奖号码后三位与您投注号码一致即中奖</p>
 <p><span>定位胆玩法:</span>从任意一个位置选择一个号码即可投注,开奖号码与投注号码的位置、号码相同即中奖</p>
 <p><span>大小单双玩法:</span>至少需要在‘百位'、‘十位'中选择一个号码投注,开奖号码与投注号码的位置、形态相同即中奖</p>
 <p><span>功能:</span>可自由选择投注模式、倍数,可点击‘×'删除提交注单</p>
 <p><span>扩展:</span>可使用jsonp引用官方彩票开奖数据(实时开奖),更多玩法添加请联系我</p>
 <p><span>Author:</span>Thompson德芙</p>
 <p><span>转载:</span></p>
 </div>
 <script type="text/javascript" src='js/index.js'></script>
 </body>
</html>

index.css

@charset="UTF-8";
html,body,ul,li,a,i,div,img,span,p{margin:0;padding:0;}
ul,li{list-style:none;}
a{text-decoration:none;}
i{font-style:normal;}
body{
 background:url('../img/bg.jpg');
 font-family:'Microsoft yahei';
}
.clearfix:after {
 visibility:hidden;
 display:block;
 font-size:0;
 content:" ";
 clear:both;
 height:0;
}
.explain{
 height:242px;
 position:absolute;
 top:-242px;
 right:10%;
 background:rgba(0,0,0,0.5);
 border-radius:5px;
 font-size:12px;
 padding:10px;
 margin:0 auto;
 color:#fff;
}
#toggleMove{
 height:20px;
 width:100%;
 text-align:center;
 position:absolute;
 cursor:pointer;
 transform:scale(1.5);
} 
.arrow{
 background: url(../img/arrow.png) no-repeat center 0;
 bottom:0;
}
.close{
 background: url(../img/arrow.png) no-repeat center -40px;
 bottom:-18px;
}
.explain h2{
 text-align:center;
}
.explain p{
 margin:5px;
}
.explain p span{
 color:#ffff33;
 margin-right:10px;
}
#Game{
 width:1000px;
 height:500px;
 margin:50px auto 200px;
}
#Game .G_top{
 width:100%;
 height:120px;
 position:relative;
}
#Game .G_top .G_t_title{
 width:600px;
 height:120px;
 position:absolute;
 top:0;
 left:0;
}
#Game .G_top .G_t_title .text{
 width:100%;
 position:absolute;
 left:0;
 bottom:0;
 font-size:24px;
  color: #fff;
  font-weight: bold;
  text-shadow: 0 0 1px currentColor,1px 1px 1px rgba(50,93,164,0.8),2px 2px 3px rgba(50,93,164,0.8),3px 3px 4px rgba(50,93,164,0.8),4px 4px 5px rgba(50,93,164,0.8);
}
#Game .G_top .G_t_title .G_t_t_logo{
 width:100%;
 height:100px;
 font-size:50px;
 font-weight:bold;
 color:rgba(41,76,138,0.8);
 margin:0;
 letter-spacing:6px;
 text-shadow: 0 0 1px currentColor, 2px 0 1px #083058, 0 2px 1px rgba(41,76,138,0.8), 2px 1px 1px #083058, 1px 2px 1px #98c0e8, 2px 2px 1px #487098, 3px 1px 1px #083058, 1px 3px 1px rgba(41,76,138,0.8), 3px 2px 1px #083058, 2px 3px 1px rgba(41,76,138,0.8), 3px 3px 1px #487098, 4px 2px 1px #083058, 2px 4px 1px rgba(41,76,138,0.8), 4px 3px 1px #083058, 3px 4px 1px rgba(41,76,138,0.8), 4px 4px 1px #487098, 5px 3px 1px #083058, 3px 5px 1px #98c0e8, 5px 4px 1px #083058, 4px 5px 1px rgba(41,76,138,0.8), 5px 5px 1px #487098, 6px 4px 1px #083058, 4px 6px 1px rgba(41,76,138,0.8), 6px 5px 1px #083058, 5px 6px 1px rgba(41,76,138,0.8), 6px 6px 1px #487098, 7px 5px 1px #083058, 5px 7px 1px #98c0e8, 7px 6px 1px #083058, 6px 7px 1px #98c0e8, 7px 7px 1px #487098, 8px 6px 1px #083058, 6px 8px 1px #98c0e8, 8px 7px 1px #083058, 7px 8px 1px #98c0e8, 8px 8px 1px #487098, 9px 7px 1px #083058, 7px 9px 1px #98c0e8, 9px 8px 1px #083058, 8px 9px 1px #98c0e8, 9px 9px 1px #487098, 10px 8px 1px #083058, 8px 10px 1px #98c0e8, 10px 9px 1px #083058, 9px 10px 1px #98c0e8, 10px 10px 1px #487098, 11px 9px 1px #083058, 9px 11px 1px #98c0e8, 11px 10px 1px #083058, 10px 11px 1px #98c0e8, 11px 11px 1px #487098, 11px 11px 1px #666, 11px 12px 1px #666, 10px 12px 1px #666, 9px 12px 1px #666, 8px 11px 1px #666, 7px 10px 1px #666, 6px 9px 1px #666, 5px 8px 1px #666, 4px 7px 1px #666, 3px 6px 1px #666, 2px 5px 1px #666, 1px 4px 1px #666, 0 3px 1px #666, -1px 2px 1px #666, 20px 8px 8px rgba(0,0,0,.7);
}
h1:before,h1:after{
  content: 'TanZhouCaiPiao';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
 color:rgba(41,76,138,0.8);
  text-shadow: 0 0 1px currentColor,-1px -1px 1px #003,0 -1px 1px #003,1px -1px 1px #003,1px 0 1px #003,1px 1px 1px #003,0 1px 1px #003,-1px 1px 1px #003,-1px 0 1px #003;
}
h1:after {
  color: rgba(40,80,120,.1);
  text-shadow: 1px -1px 1px rgba(40,80,120,.8),-1px 1px 1px rgba(255,255,255,.8);
}
#Game .G_top .G_t_kaijiang{
 width:360px;
 height:110px;
 background:rgba(41,76,138,0.8);
 padding:5px;
 position:absolute;
 right:0;top:0;
}
#Game .G_top .G_t_kaijiang .G_t_k_title{
 width:360px;
 line-height:20px;
 background:rgba(51,51,51,0.8);
 color:#fff;
 font-size:14px;
 text-align:center;
}
#Game .G_top .G_t_kaijiang .G_t_k_title .G_t_k_t_issue{
 margin:0 5px;
 color:#399;
}
#Game .G_top .G_t_kaijiang .G_t_k_num{
 width:100%;
 height:90px;

}
#Game .G_top .G_t_kaijiang .G_t_k_num span{
 display:block;
 width:59px;
 height:57px;
 margin-left:11px;
 margin-top:16px;
 float:left;
 background:url('../img/num.png') -423px -119px;
}
#Game .G_top .G_t_kaijiang .G_t_k_num span.kaijiang{
 background:url('../img/mv.gif');
 background-position: '0px 0px';
}
#Game .G_top .G_t_user{
 width:240px;
 height:40px;
 position:absolute;
 bottom:-20px;
 left:350px;
}
#Game .G_top .G_t_user .supMoney,#Game .G_top .G_t_user .addMoney{
 width:140px;
 height:40px;
 position:absolute;
 top:0px;
 right:-80px;
 font-weight:bold;
 font-size:24px;
 color:#ff6700;
 opacity:1;
}
#Game .G_top .G_t_user .addMoney{
 color:#00ff66;
}
#Game .G_top .G_t_user > div{
 width:100px;
 line-height:40px;
 text-align:center;
 float:left;
 color:#fff;
}
#Game .G_top .G_t_user .G_t_u_buy{
 color:#ff0;
}
#Game .G_top .G_t_user .G_t_u_buy .G_t_u_money{
 color:#ff6700;
}
#content{
 width:100%;
 height:350px;
 margin-top:30px;
}
#content .c_left{
 width:680px;
 height:100%;
 float:left;
 position:relative;
}
#content .c_left .c_l_mode{
 width:672px;
 height:38px;
 padding:3px;
 background:rgba(0,0,0,0.8);
 border-radius:5px;
}
#content .c_left .c_l_mode > span{
 width:70px;
 height:34px;
 display:block;
 float:left;
 font-family:14px;
 text-align:center;
 line-height:34px;
 margin:2px 10px 2px 0px;
 background:rgb(78,70,63);
 border-radius:5px;
 color:#fff;
 cursor:pointer;
 transition:0.3s;
 -moz-transition:0.3s;
 -webkit-transition:0.3s;
 -o-transition:0.3s;
 -ms-transition:0.3s;
}
#content .c_left span.c_l_m_first{
 background:rgba(31,58,110,1);
}
#content .c_left .c_l_mode > span:hover{
 background:rgba(31,58,110,1);
}
#content .c_left .c_l_shuoming{
 margin-top:10px;
 width:100%;
 height:44px;
 background:rgba(0,0,0,0.8);
 border-radius:5px;
}
#content .c_left .c_l_shuoming .c_l_s_right{
 width:260px;
 height:20px;
 float:right;
 margin:11px 10px 11px 0px;
}
#content .c_left .c_l_shuoming .c_l_s_right > a{
 display:block;
 width:78px;
 height:20px;
 float:left;
 line-height:20px;
 font-size:12px;
 color:#fff;
 text-align:center;
 margin-right:7px;
 background:url('../img/icon.png') no-repeat;
 position:relative;
}
#content .c_left .c_l_shuoming .c_l_s_right > a .c_l_s_r_hide{
 width:200px;
 padding:5px;
 color:#e8e9e9;
 background:rgba(41, 76, 138, 0.8);
 position:absolute;
 right:0px;
 top: 30px; 
 border-radius:5px;
 display:none;;
}
#content .c_left .c_l_number{
 width:660px;
 height:160px;
 margin-top:20px;
 padding:0 10px;
}
#content .c_left .c_l_number ul{
 width:660px;
 height:50px;
}
#content .c_left .c_l_number ul:after{
 visibility:hidden;
 display:block;
 font-size:0;
 content:" ";
 clear:both;
 height:0;
}
#content .c_left .c_l_number .c_l_n_align{
 color:#ffbe13;
 width:60px;
 height:50px;
 float:left;
 line-height:50px;
}
#content .c_left .c_l_number ul li{
 float:left;
 width:43px;
 height:43px;
 border-radius:50%;
 line-height:43px;
 color:#fff;
 text-align:center;
 cursor:pointer;
 margin:3px 5px 4px 0px;
 background:url('../img/icon.png') no-repeat -46px -57px;
}
#content .c_left .c_l_number .c_l_n_btn{
 margin-top:5px;
 width:100px;
 height:40px;
 float:right;
}
#content .c_left .c_l_number .c_l_n_btn > span{
 display:block;
 width:30px;
 height:20px;
 float:left;
 color:#fff;
 font-size:12px;
 line-height:20px;
 text-align:center;
 background:#4a433c;
 border-radius:3px;
 margin:1px;
 cursor:pointer;
 transition:0.3s;
 -moz-transition:0.3s;
 -webkit-transition:0.3s;
 -o-transition:0.3s;
 -ms-transition:0.3s;
}
#content .c_left .c_l_number .c_l_n_btn > span:hover{
 background:rgb(50,93,164);
}
#content .c_left .c_l_bottom{
 width:100%;
 height:34px;
 margin-top:20px;
 position:relative;
}
#content .c_left .c_l_bottom .c_l_b_function{
 width:540px;
 height:34px;
 padding-left:10px;
 background:rgba(0,0,0,0.8);
 float:left;
 border-radius:5px;
 line-height:34px;
 color:#fff;
 font-size:12px;
}
#content .c_left .c_l_bottom .c_l_b_function i{
 float:left;
 margin:0 5px;
}
#content .c_left .c_l_bottom .c_l_b_function .c_l_b_f_sup{
 display:block;
 width:16px;
 height:16px;
 margin-top:9px;
 background:url('../img/sub.png') no-repeat;
 float:left;
 cursor:pointer;
}
#content .c_left .c_l_bottom .c_l_b_function .c_l_b_f_beishu{
 width:60px;
 height:24px;
 background:#333;
 border:none;
 border-radius:5px;
 float:left;
 margin:5px;
 text-align:center;
 color:#ff6700;
 outline:none;
}
#content .c_left .c_l_bottom .c_l_b_function .c_l_b_f_add{
 display:block;
 width:16px;
 height:16px;
 margin-top:9px;
 background:url('../img/add.png') no-repeat;
 float:left;
 cursor:pointer;
}
#content .c_left .c_l_bottom .c_l_b_function .c_l_b_f_sel{
 width:50px;
 height:24px;
 background:#333;
 border:none;
 border-radius:5px;
 float:left;
 margin:5px 20px;
 text-align:center;
 color:#ff6700;
 cursor:pointer;
 outline:none;
}
#content .c_left .c_l_bottom .c_l_b_function .c_l_b_f_jiangjin{
 width:70px;
 height:100%;
 display:inline-block;
}
#content .c_left .c_l_bottom .c_l_b_function .c_l_b_f_jiangjin span{
 color:#ff6700;
 
}
#content .c_left .c_l_bottom .c_l_b_function .c_l_b_f_data{
 width:200px;
 float:right;
}
#content .c_left .c_l_bottom .c_l_b_function .c_l_b_f_data .c_l_b_f_d_num{
 margin:0 5px;
 color:#ff6700;
}
#content .c_left .c_l_bottom .c_l_b_function:after{
 visibility:hidden;
 display:block;
 font-size:0;
 content:" ";
 clear:both;
 height:0;
}
#content .c_left .c_l_bottom .c_l_b_submit{
 width:94px;
 height:28px;
 padding:3px;
 float:right;
 background:rgba(0,0,0,0.8);
 border-radius:5px;
 margin-right:10px;
}
#content .c_left .c_l_bottom .c_l_b_submit > input{
 width:94px;
 height:28px;
 border-radius:3px;
 font-size:16px;
 font-family:'Microsoft yahei';
 background:rgba(50,93,164,0.8);
 border:none;
 color:#fff;
 cursor:pointer;
}
#content .c_left .c_l_bottom .c_l_b_submit > input:hover{
 background:rgba(50,93,164,1);
}
#content .c_left .c_l_bottom .c_l_b_deledNum{
 position:absolute;
 bottom:-33px;
 left:0px;
 width:94px;
 height:28px;
 border-radius:3px;
 font-size:16px;
 font-family:'Microsoft yahei';
 background:rgba(50,93,164,0.8);
 border:none;
 color:#fff;
 cursor:pointer;
 outline:none;
}
#content .c_left .c_l_bottom .c_l_b_deledNum:hover{
 background:rgba(50,93,164,1);
}
#content .c_left .c_l_data{
 min-width:660px;
 max-width:660px;
 min-height:115px;
 position:absolute;
 top:370px;
 left:0;
 border-radius:5px;
 background:rgba(0,0,0,0.8);
 border:none;
 color:#fff;
 padding:5px 10px;
 font-size:14px;
 font-family:'merriweather,arial,sans-serif';
 letter-spacing:2px;
}
/*right*/
#content .c_right{
 width:300px;
 height:100%;
 float:right;
}
#content .c_right > div{
 border-radius:5px;
 background:rgba(0,0,0,0.8);
}
#content .c_right .c_r_rus{
 width:100%;
 height:185px;
 position:relative;
}
#content .c_right .c_r_rus > div{
 position:absolute;
 color:#ff6700;
 height:30px;
 line-height:30px;
 text-align:center;
 width:150px;
}
#content .c_right .c_r_rus .c_r_r_qihao{
 left:0;top:0;
}
#content .c_right .c_r_rus .c_r_r_haoma{
 right:0;top:0;
}
#content .c_right .c_r_rus ul{
 width:100%;
 position:absolute;
 top:30px;left:0;
 color:#fff;
}
#content .c_right .c_r_rus ul li{
 height:30px;
 width:100%;
}
#content .c_right .c_r_rus ul li span{
 display:inline-block;
 width:150px;
 height:30px;
 line-height:30px;
 float:left;
 text-align:center;
}
#content .c_right .c_r_list{
 width:280px;
 height:150px;
 padding:10px;
 text-align:left;
 margin:20px auto;
 color:#fff;
 font-size:14px;
}
#content .c_right .c_r_list .c_r_l_title{
 width:100%;
 height:30px;
}

#content .c_right .c_r_list .c_r_l_title span{
 display:inline-block;
 width:60px;
 text-align:center;
 line-height:20px;
 color:#ff6700;
}
#content .c_right .c_r_list ul li{
 width:100%;
 height:20px;
}
#content .c_right .c_r_list ul li span{
 display:inline-block;
 width:60px;
 text-align:center;
 line-height:20px;
 margin-right:4px;
}
#content .c_right .c_r_list ul li span.list_close{
 width:20px;
 height:20px;
 text-align:right;
 cursor:pointer;
 color:#ff6700;
}
#content .c_right .c_r_l_title span.close{
 width:20px;height:20px;
  background-image: url('../img/icon.png');
 background-repeat: no-repeat;
  background-position: -67px -21px;
 cursor:pointer;
}

#content .c_right .c_r_touzhu{
 margin-top:15px;
 padding:5px;
 color:#fff;
 text-align:center;
}
/*
#content .c_right .c_r_touzhu span{
 color:#ff6700;
}
#content .c_right .c_r_touzhu .c_r_t_issue{
 
}
#content .c_right .c_r_touzhu .c_r_t_queren{
 font-size:14px;
 margin:15px 0;
}*/
#content .c_right .c_r_touzhu .c_r_t_btn{
 width:100%;
 height:50px;
 background:rgba(50,93,164,0.8);
 border:none;
 border-radius:5px;
 color:#fff;
 font-size:26px;
 font-family:'Microsoft yahei';
 font-weight:bold;
 cursor:pointer;
 outline:none;
 transition:0.3s;
 -moz-transition:0.3s;
 -webkit-transition:0.3s;
 -o-transition:0.3s;
 -ms-transition:0.3s;
}
#content .c_right .c_r_touzhu .c_r_t_btn:hover{
 background:rgba(50,93,164,1);
}

index.js

window.onload=function(){
 var toggleMove=document.getElementById('toggleMove');
 var toggleOff=true;
 Game.init();
 move(toggleMove.parentNode,{'top':'0px'},'10');
 toggleMove.onclick=function(){
 if(toggleOff){
  move(toggleMove.parentNode,{'top':'-242px'},'10');
  this.className='close';
  toggleOff = !toggleOff;
 }else{
  move(toggleMove.parentNode,{'top':'0px'},'10');
  this.className='arrow';
  toggleOff = !toggleOff;
 }
 }
}
var Game={
 'numPos':['-63px -61px','-3px -3px','-63px -3px','-123px -3px','-183px -3px','-243px -3px','-303px -3px','-363px -3px','-423px -3px','-3px -61px'],
 'oNum':document.getElementById('c_l_number'),
 'personMon':document.getElementById('G_t_u_money'),
 'alignArr':['百位','十位','个位'],
 'btnArr':['全','大','小','奇','偶','清'],
 'qishu':0,
 'step':'0',
 'Data':[],
 'targetData':[],
 'OrderArr':[],
 'num':'1',
 'amountX':0,
 'wanfa':null,
 'init':function(){
 var oMode=document.getElementById('c_l_mode').getElementsByTagName('span');
 var jiangjin=document.getElementById('jiangjin');
 this.addInitCase1();
 this.addRegulation('0');
 this.control();
 this.controlInput(Game.amountX);
 this.controlSelect(Game.num);
 this.getNumData(Game.step);
 this.empty();
 for (var i=0;i < oMode.length;i++)
 {
  oMode[i].index=i;
  oMode[i].onclick=function(){
  Game.step=this.index;
  for (var j=0;j < oMode.length;j++)
  {
   oMode[j].className='';
  }
  this.className='c_l_m_first';
  switch(this.index){
   case 0:
   Game.addInitCase1();
   jiangjin.innerHTML='1800';
   break;
   case 1:
   Game.addInitCase1();
   jiangjin.innerHTML='18';
   break;
   case 2:
   Game.addInitCase2();
   jiangjin.innerHTML='7.8';
   break;
  }
  Game.Data.length=0;
  Game.addRegulation(this.index);
  Game.getNumData(Game.step);
  Game.control();
  }
 }
 },
 'addInitCase1':function(){
 this.oNum.innerHTML='';
 for (var i=0;i < this.alignArr.length ;i++ )
 {
  var oNum_ul=document.createElement('ul');
  var oNum_ul_div=document.createElement('div');
  oNum_ul_div.innerHTML=this.alignArr[i];
  oNum_ul_div.className='c_l_n_align';
  oNum_ul.appendChild(oNum_ul_div);
  for (var j=0; j < 10;j++ )
  {
  var oNum_ul_li=document.createElement('li');
   oNum_ul_li.off=true;
   oNum_ul_li.className='li'+i;
   oNum_ul_li.innerHTML=j;
  oNum_ul.appendChild(oNum_ul_li);
  }
  var oNum_ul_Rdiv=document.createElement('div');
  for (var z=0;z < this.btnArr.length ;z++ )
  {
   var oSpan=document.createElement('span');
   oSpan.className='span'+i;
   oSpan.innerHTML=this.btnArr[z];
   oNum_ul_Rdiv.appendChild(oSpan);
  }
  oNum_ul_Rdiv.className='c_l_n_btn';
  oNum_ul.appendChild(oNum_ul_Rdiv);
  this.oNum.appendChild(oNum_ul);
 }
 },
 'addInitCase2':function(){
 this.oNum.innerHTML='';
 var init1Arr=['大','小','单','双'];
 for (var i=0;i < this.alignArr.length-1;i++ )
 {
  var oNum_ul=document.createElement('ul');
  var oNum_ul_div=document.createElement('div');
  oNum_ul_div.innerHTML=Game.alignArr[i];
  oNum_ul_div.className='c_l_n_align';
  oNum_ul.appendChild(oNum_ul_div);
  for (var j=0; j < init1Arr.length;j++ )
  {
  var oNum_ul_li=document.createElement('li');
   oNum_ul_li.off=true;
   oNum_ul_li.className='li'+i;
   oNum_ul_li.innerHTML=init1Arr[j];
  oNum_ul.appendChild(oNum_ul_li);
  }
  var oNum_ul_Rdiv=document.createElement('div');
  var oSpan=document.createElement('span');
  oSpan.innerHTML=this.btnArr[5];
  oSpan.className='span'+i;
  oNum_ul_Rdiv.appendChild(oSpan);
  oNum_ul_Rdiv.className='c_l_n_btn';
  oNum_ul.appendChild(oNum_ul_Rdiv);
  this.oNum.appendChild(oNum_ul);
 }
 },
 'addRegulation':function(step){
 var oP=document.getElementById('c_l_s_right');
 var oHide=this.getClassName(oP,'c_l_s_r_hide');
 var data=[
   ['从百位、十位、个位各选一个号码组成一注。','从百位、十位、个位中选择一个3位数号码组成一注,所选号码与开奖号码后3位相同,且顺序一致,即为中奖。','投注方案:345</br>开奖号码:345,即中后三直选。'],
   ['在百位、十位、个位任意位置上任意选择1个或1个以上号码。','从百位、十位、个位任意位置上至少选择1个以上号码,所选号码与相同位置上的开奖号码一致,即为中奖。','投注方案:百位 1</br>开奖号码:百位 1,即中定位胆百位。'],
   ['从百位、十位中的“大、小、单、双”中至少各选一个组成一注。','对百位和十位的“大(56789)小(01234)、单(13579)双(02468)”形态进行购买,所选号码的位置、形态与开奖号码的位置、形态相同,即为中奖。','投注方案:小双</br>开奖号码:百位与十位“小双”,即中前二大小单双。']
  ];
 for (var i=0;i < oHide.length ;i++ )
 {
  oHide[i].index=i;
  oHide[i].innerHTML=data[step][i];
  oHide[i].parentNode.onmouseover=function(ev){
  ev=ev||window.event;
  ev.preventDefault();
  for (var j=0;j< oHide.length ;j++)
  {
   oHide[j].style.display='none';
  }
  this.children[0].style.display='block';
  }
 }
 for (var i=0;i < oHide.length ;i++ )
 {
  oHide[i].parentNode.onmouseout=function(ev){
  ev=ev||window.event;
  ev.preventDefault();
  this.children[0].style.display='none';
  }
 }
 },
 'getNumData':function(step){
 var addBtn=document.getElementById('c_l_b_s_addNum');
 var oText=document.getElementById('c_l_data');
 var amount=document.getElementById('zhushu');
 var money=document.getElementById('money');
 var oInput=document.getElementById('c_l_b_f_beishu');
 var oUl=this.oNum.children;
 this.Data[step]=[];
 for (var i=0;i < oUl.length ;i++ )
 { 
  this.Data[step][i]=[];
  this.select(this.getClassName(oUl[i],'li'+i),this.Data[step][i]);
 }
 addBtn.onclick=function(){
  oText.innerHTML='';
  Game.Data[Game.Data.length]=step;
  Game.targetData=addNum(Game.Data);
  /**************************/
  if(Game.targetData.length){
  switch(parseInt(step)){
   case 0:
   Game.amountX=Game.targetData.length
   amount.innerHTML=Game.amountX;
   oText.innerHTML=Game.targetData;
   break;
   case 1:
   Game.amountX=Game.targetData.length;
   amount.innerHTML=Game.amountX;
   for (var i=0;i < Game.targetData.length;i++ )
   {
    oText.innerHTML+=Game.targetData[i]+'n';
   }
   break;
   case 2:
   Game.amountX=Game.targetData.length
   amount.innerHTML=Game.amountX;
   oText.innerHTML=Game.targetData;
   break;
  }
  Game.wanfa=step;
  money.innerHTML=Game.count.accMul(Game.num,Game.amountX*2*oInput.value);
  }else{
  money.innerHTML = '0';
  amount.innerHTML = '0';
  alert('请选择正确的投注方式!');
  }
  /**************************/
 }
 function addNum(Data){
  var n=parseInt(Data[Data.length-1]);
  switch(n){
  case 0:
   return getResultOne(Data[n]);
   break;
  case 1:
   return getResultTwo(Data[n]);
   break;
  case 2:
   return getResultThree(Data[n]);
   break;
  }
 }
 function getResultOne(Arr){
  var newArr=[];
  if(Arr[0].length > 0 && Arr[1].length > 0 && Arr[2].length > 0){
  for (var i=0;i < Arr[0].length;i++ )
  {
   for (var j=0;j< Arr[1].length;j++ )
   {
   for (var z=0;z< Arr[2].length;z++ )
   {
    newArr.push(Arr[0][i]+''+Arr[1][j]+''+Arr[2][z]);
   }
   }
  }
  newArr.sort(function(a,b){
   return a-b;
  });
  return newArr;
  }else{
  return false;
  }
 }
 function getResultTwo(Arr){
  var strArr=['百位','十位','个位'];
  var newArr=[];
  for (var i=0;i < Arr.length ;i++ )
  {
  if(Arr[i].length){
   for (var j=0;j < Arr[i].length ;j++ )
   {
   newArr.push(strArr[i]+' :  '+Arr[i][j])
   }
  }else{
   continue;
  }
  }
  return newArr;
 }
 function getResultThree(Arr){
  var newArr=[];
  if(Arr[0].length > 0 && Arr[1].length > 0 ){
  for (var i=0;i < Arr[0].length;i++ )
  {
   for (var j=0;j< Arr[1].length;j++ )
   {
   newArr.push(Arr[0][i]+''+Arr[1][j]);
   }
  }
  newArr.sort(function(a,b){
   return a-b;
  });
  return newArr;
  }else{
  return false;
  }
 }
 },
 'select':function(obj,arr){
 var oText=document.getElementById('c_l_data');
 var three=['大','小','单','双'];
 for (var i=0;i<obj.length;i++ )
 {
  obj[i].index=i;
  obj[i].off=true;
  obj[i].onclick=function(){
  var oSpan=this.parentNode.getElementsByTagName('span');
  for (var i=0;i < oSpan.length ;i++ )
  {
   oSpan[i].style.background='#4a433c';
  }
  if(this.off){
   this.style.backgroundPosition='-2px -57px';
   arr.push(obj[this.index].innerHTML);
   this.off = !this.off; 
  }else{
   this.style.backgroundPosition='-46px -57px';
   if(arr.length){
   for (var j=0;j<arr.length;j++ )
   {
    if(Game.step == 2){
    if(arr[j] == three[this.index]){
     arr.splice(j,1);
    }
    }else{
    if(arr[j] == this.index){
     arr.splice(j,1);
    }
    }
   }
   }
   this.off = !this.off; 
  }
  }
 }
 },
 'control':function(){
 var oSpan,num;
 var controlDiv=this.getClassName(this.oNum,'c_l_n_btn');
 for (var i=0;i < controlDiv.length;i++ )
 {
  controlDiv[i].index=i;
  oSpan=this.getClassName(controlDiv[i],'span'+i);
  for (var j=0;j < oSpan.length ;j++ )
  {
  oSpan[j].index=j
  oSpan[j].onclick=function(){
   num=this.parentNode.index;
   Game.Data[Game.step][num].length=0;
   var oParent=this.parentNode.parentNode;
   var oLi=oParent.getElementsByTagName('li');
   for (var z=0;z < oLi.length ;z++ )
   {
   oLi[z].style.backgroundPosition='-46px -57px';
   oLi[z].off = true;
   }
   if(Game.step != 2){
   var siblings=this.parentNode.children;
   for (var z=0;z < siblings.length;z++ )
   {
    siblings[z].style.background='#4a433c';
   }
   Game.controlFn(oLi,num,this.index);
   }
   this.style.background='rgb(50,93,164)';
  }
  }
 }
 
 },
 'controlFn':function(oLi,num,index){
 var half=parseInt(oLi.length/2);
 for (var i=0;i < oLi.length ;i++ )
 {
  switch(index)
  {
  case 0:
   oLi[i].style.backgroundPosition='-2px -57px';
   oLi[i].off = false;
   Game.Data[Game.step][num].push(i);
  break;
  case 1:
   if(i > half-1){
   oLi[i].style.backgroundPosition='-2px -57px';
   oLi[i].off = false;
   Game.Data[Game.step][num].push(i);
   }
  break;
  case 2:
   if(i < half){
   oLi[i].style.backgroundPosition='-2px -57px';
   oLi[i].off = false;
   Game.Data[Game.step][num].push(i);
   }
  break;
  case 3:
   var n=(i*2)-1;
   if (n > 0 && n < oLi.length){
   oLi[n].style.backgroundPosition='-2px -57px';
   oLi[n].off = false;
   Game.Data[Game.step][num].push(n);
   }
  break;
  case 4:
   if(i*2 < oLi.length-1){
   oLi[i*2].style.backgroundPosition='-2px -57px';
   oLi[i*2].off = false;
   Game.Data[Game.step][num].push(i*2);
   }
  break;
  case 5:
   oLi[i].style.backgroundPosition='-46px -57px';
   oLi[i].off = true;
   Game.Data[Game.step][num].length=0;
  break;
  }
 }
 },
 //倍数Input
 'controlInput':function(amountX){
 var money=document.getElementById('money');
 var oInput=document.getElementById('c_l_b_f_beishu');
 var oBtn=oInput.parentNode.getElementsByTagName('span');
 for (var i=0;i < oBtn.length ;i++ )
 {
  oBtn[i].index=i;
  oBtn[i].onclick=function(){
  if(this.index){
   if(oInput.value < 9999){
   oInput.value++;
   }
  }else{
   if(oInput.value > 0){
   oInput.value--;
   }
  }
  money.innerHTML=Game.count.accMul(Game.num,Game.amountX*2*oInput.value);
  }
 }
 oInput.addEventListener('input',function(){
  if(!this.value){
  this.value=0;
  }else{
  if(this.value > 9999){
   this.value=9999;
  }else{
   this.value=parseInt(this.value);
  }
  }
  money.innerHTML=Game.count.accMul(Game.num,Game.amountX*2*this.value);
 },false);
 },
 'controlSelect':function(){
 var oInput=document.getElementById('c_l_b_f_beishu');
 var money=document.getElementById('money');
 var oMode=document.getElementById('sel_mode');
 oMode.addEventListener('input',function(){
  switch(this.value){
  case '1':
   Game.num=1;
  break;
  case '2':
   Game.num=0.1;
  break;
  case '3':
   Game.num=0.01;
  break;
  }
  money.innerHTML=Game.count.accMul(Game.num,Game.amountX*2*oInput.value);
 },false);
 },
 'empty':function(){
 var oDiv=document.getElementById('c_l_number');
 var emptyBtn=document.getElementById('c_l_b_deledNum');
 var oText=document.getElementById('c_l_data');
 var money=document.getElementById('money');
 var amount=document.getElementById('zhushu');
 var listUl=document.getElementById('c_r_l_ul');
 var oInput=document.getElementById('c_l_b_f_beishu');
 var oMode=document.getElementById('sel_mode');
 var jiangjin=document.getElementById('jiangjin');
 var arr=['三星直选','定位胆','大小单双'];
 emptyBtn.onclick=function(){
  if(parseInt(money.innerHTML*999)){
  var json={a:jiangjin.innerHTML,b:amount.innerHTML,c:oInput.value,d:money.innerHTML,e:Game.targetData,f:Game.num};
  Game.OrderArr.push(json);
  var oLi=document.createElement('li');
   oLi.innerHTML='<span data-step="'+Game.wanfa+'">'+arr[Game.wanfa]+'</span><span>'+amount.innerHTML+'</span><span>'+oInput.value+'</span><span>'+money.innerHTML+'</span><span class="list_close">×</span>';
  listUl.appendChild(oLi);
  /************************************************************/
  oDiv.innerHTML='';
  oText.innerHTML='';
  money.innerHTML='0';
  amount.innerHTML='0';
  switch(parseInt(Game.step)){
   case 0:
   Game.addInitCase1();
   break;
   case 1:
   Game.addInitCase1();
   break;
   case 2:
   Game.addInitCase2();
   break;
  }
  Game.getNumData(Game.step);
  Game.control();
  Game.amountX=0;
  if(Game.OrderArr.length){
   Game.delOrder();
   Game.pushIn();
  }
  }else{
  if(parseInt(amount.innerHTML))
  {
   alert('提交注单失败,请您核实投注金额重新提交!');
  }else{
   alert('请您提交号码,再提交订单哟!');
  }
  }
 }
 },
 'delOrder':function(){
 var oUl=document.getElementById('c_r_l_ul');
 var closeBtn=this.getClassName(oUl,'list_close');
 for (var i=0;i < closeBtn.length ;i++ )
 {
  closeBtn[i].index=i;
  closeBtn[i].onclick=function(){
  Game.OrderArr.splice(this.index,1);
  this.parentNode.parentNode.removeChild(this.parentNode);
  }
 }
 },
 'pushIn':function(){
 var supMoney=document.getElementById('supMoney');
 var oPushBtn=document.getElementById('c_r_t_btn');
 oPushBtn.onclick=function(){
  var money=0;
  var pM=Game.personMon.innerHTML;
  if(Game.OrderArr.length){
  for (var i=0;i < Game.OrderArr.length;i++ )
  {
   money=Game.count.accAdd(money,Game.OrderArr[i].d)
  }
  if(pM > money){
   if(confirm('您选择'+Game.OrderArr.length+'个注单,投注总金额'+money+'元'))
   {
   Game.personMon.innerHTML=Game.count.accSubtr(pM,money);
   supMoney.innerHTML='-'+money;
   move(supMoney,{top:'50px',opacity:'0'},'50',function(){
    supMoney.innerHTML='';
    this.style.cssText='top:0;opacity:1;';
   });
   Game.kaijiang(Game.getAward);
   }else{
   
   }
  }else{
   alert('余额不足,请充值后再进行投注!');
  }
  }else{
  alert('请您选择号码,提交注单后投注!');
  }
 } 
 },
 'kaijiang':function(callback){
 var result=[];
 var off=false;
 var oSpan=document.getElementById('G_t_k_num').children;
 var listUl=document.getElementById('c_r_l_ul');
 for (var i= listUl.children.length-1 ;i >= 0; i-- )
 {
  listUl.children[i].parentNode.removeChild(listUl.children[i]);
 }

 for (var i=0;i < oSpan.length ;i++ )
 {
  oSpan[i].className='kaijiang';
  oSpan[i].style.transitionDelay='0s';
 }
 setTimeout(function(){
  for (var i=0;i < oSpan.length ;i++ )
  {
  var n=Math.floor(Math.random()*10);
  result.push(n);
  oSpan[i].className='';
  oSpan[i].style.transitionDelay=i*0.3+'s';
  oSpan[i].style.backgroundPosition=Game.numPos[n];
  }
  return callback(result);
 },1500);
 },
 'getAward':function(res){
 var issue=document.getElementById('G_t_k_t_issue');
 var oBox=document.getElementById('c_r_r_box');
 issue.innerHTML=addZero(Game.qishu);
 if(oBox.children.length == 5){
  var removeObj=oBox.children[4];
  removeObj.parentNode.removeChild(removeObj);
 }
 var oLi=document.createElement('li');
  oLi.innerHTML='<span class="qishu">'+addZero(Game.qishu)+'</span><span class="haoma">'+res+'</span>';
 if(oBox.children.length){
  oBox.insertBefore(oLi , oBox.children[0])
 }else{
  oBox.appendChild(oLi);
 }
 function addZero(a){
  a++;
  if(a < 10){
  return '00'+a;
  }else if(a < 100){
  return '0'+a;
  }else{
  return ''+a;
  }
 }
 Game.qishu++;
 Game.setMoney(res);
 Game.targetData.length=0;
 },
 'setMoney':function(res){
 var addMoney=document.getElementById('addMoney');
 var regB=/百位/,regS=/十位/,regG=/个位/;
 var bArr=[],sArr=[],gArr=[];
 var san=res[2]+""+res[3]+""+res[4];
 var arr=[];
 arr.push(((res[2]%2?'单':'双') + (res[3]%2?'单':'双')));
 arr.push(((res[2]>4?'大':'小') + (res[3]%2?'单':'双')));
 arr.push(((res[2]>4?'大':'小') + (res[3]>4?'大':'小')));
 var moneyAward=0;
 var n=null;
 for (var i=0;i < this.OrderArr.length ;i++ )
 {
  n=this.OrderArr[i]
  switch(n.a){
  case '1800':
   for (var z=0;z < n.e.length;z++ )
   {
   if(san == n.e[z]){
    moneyAward=this.count.accAdd( moneyAward , this.count.accMul( n.a*n.c ,n.f) );
    break;
   }
   }
   break;
  case '18':
   var k=0;
   for (var z=0;z < n.e.length ;z++ )
   {
   if( regB.test(n.e[z]) ){
    if( new RegExp(res[2]).test(n.e[z]) )
    {
    k++;
    continue;
    }
   }else if( regS.test(n.e[z]) ){
    if( new RegExp(res[3]).test(n.e[z]) )
    {
    k++;
    continue;
    }
   }else if( regG.test(n.e[z]) ){
    if( new RegExp(res[4]).test(n.e[z]) )
    {
    k++;
    continue;
    }
   }
   }
   moneyAward=this.count.accAdd( moneyAward , this.count.accMul( n.f, n.a*k*n.c ) );
   break;
  case '7.8':
   //中奖注数初始值
   var j=0;
   for (var z=0;z < n.e.length;z++ )
   {
   for(var x=0;x < arr.length;x++){
    if(n.e[z] == arr[x] )
    {
    j++;
    continue;
    }
   }
   }
   moneyAward=this.count.accAdd( moneyAward , this.count.accMul( n.f, n.a*j*n.c ) );
   break;
  }
 }
 if(moneyAward){
  addMoney.innerHTML='+'+moneyAward;
  move(addMoney ,{top:'-50px',opacity:'0'},'50',function(){
  addMoney.innerHTML='';
  this.style.cssText='top:0;opacity:1;';
  });
 }
 this.personMon.innerHTML=this.count.accAdd(this.personMon.innerHTML,moneyAward);
 this.OrderArr.length=0;
 },
 'getClassName':function(obj,cName){
  var obj= obj || document;
  if(obj.getElementsByClassName)
  {
   return obj.getElementsByClassName(cName);
  }else{
   var arr=[];
   var allE=obj.getElementsByTagName('*');
   for (var i=0;i<allE.length;i++ )
   {
    var allElements=allE[i].className.split(' ');
    for (var j=0;j<allElements.length;j++)
    {
   if(allElements[j].className==cName)
   {
    arr.push(allE[i]);
    break;
   }
    }
   }
   return arr;
  }
 },
 'count':{
 //乘
 'accMul':function(a,b) 
 { 
  var m=0,s1=a.toString(),s2=b.toString(); 
  try{m+=s1.split(".")[1].length}catch(e){} 
  try{m+=s2.split(".")[1].length}catch(e){} 
  return Number(s1.replace(".",""))*Number(s2.replace(".",""))/Math.pow(10,m) 
 },
 //除
 'accDiv':function(a,b){ 
  var t1=0,t2=0,r1,r2; 
  try{t1=a.toString().split(".")[1].length}catch(e){} 
  try{t2=b.toString().split(".")[1].length}catch(e){} 
  with(Math){ 
  r1=Number(a.toString().replace(".","")) 
  r2=Number(b.toString().replace(".","")) 
  return (r1/r2)*pow(10,t2-t1); 
  }
 },
 //加
 'accAdd':function(a,b){ 
  var r1,r2,m; 
  try{r1=a.toString().split(".")[1].length}catch(e){r1=0} 
  try{r2=b.toString().split(".")[1].length}catch(e){r2=0} 
  m=Math.pow(10,Math.max(r1,r2)) 
  return (a*m+b*m)/m;
 },
 //减
 'accSubtr':function(a,b){
  var r1,r2,m,n;
  try{r1=a.toString().split(".")[1].length}catch(e){r1=0}
  try{r2=b.toString().split(".")[1].length}catch(e){r2=0}
  m=Math.pow(10,Math.max(r1,r2));
  n=(r1>=r2)?r1:r2;
  return ((a*m-b*m)/m).toFixed(n);
 } 
 }
}

sports-1.0-js.js

function getStyle(obj,attr){
	if(obj.currentStyle){
		return obj.currentStyle[attr];
	}else{
		return getComputedStyle(obj,false)[attr];
	}
}
function move(obj,json,num,fn){
	var timer=null,attr=null;iCur=null,iTarget=null,iSpeed=null;
	clearInterval(obj.timer);
	obj.timer=setInterval(function(){
		var onOff=true;
		for(attr in json){
			iTarget=json[attr];
			iTarget=parseInt(iTarget);
			if(attr=="opacity"){
				iCur=parseInt(parseFloat(getStyle(obj,attr)*100));
				if(isNaN(iCur)){
					iCur=100;
				}
			}else{
				iCur=parseInt(getStyle(obj,attr));
			}
			if(iCur<iTarget){
				iSpeed=Math.ceil((iTarget-iCur)/num);
			}else{
				iSpeed=Math.floor((iTarget-iCur)/num);
			}
			if(iCur!=iTarget){
				onOff=false;
				if(attr=="opacity"){
					obj.style[attr]=(iCur+iSpeed)/100;
					obj.style.filter="alpha(opacity=iCur+iSpeed)";
				}else{
					obj.style[attr]=iCur+iSpeed+"px";
					if(Math.abs(iSpeed)>Math.abs(iTarget-iCur)){
						obj.style[attr]=iTarget+"px";
					}
				}
			}
		}
		if(onOff){
			clearInterval(obj.timer);
			fn&&fn.call(obj);
		}
	},30);
}
Javascript 相关文章推荐
javaScript Array(数组)相关方法简述
Jul 25 Javascript
js实现的真正的iframe高度自适应(兼容IE,FF,Opera)
Mar 07 Javascript
15个款优秀的 jQuery 图片特效插件推荐
Nov 21 Javascript
使用CSS3的scale实现网页整体缩放
Mar 18 Javascript
JQuery 给元素绑定click事件多次执行的解决方法
Sep 09 Javascript
JS获取时间的方法
Jan 21 Javascript
深入浅出 jQuery中的事件机制
Aug 23 Javascript
实例分析JS与Node.js中的事件循环
Dec 12 Javascript
详解几十行代码实现一个vue的状态管理
Jan 28 Javascript
jQuery选择器之层次选择器用法实例分析
Feb 19 jQuery
详解Vuex下Store的模块化拆分实践
Jul 31 Javascript
JavaScript(js)处理的HTML事件、键盘事件、鼠标事件简单示例
Nov 19 Javascript
JavaScript实现url参数转成json形式
Sep 25 #Javascript
动态JavaScript所造成一些你不知道的危害
Sep 25 #Javascript
jQuery中的AjaxSubmit使用讲解
Sep 25 #Javascript
需要牢记的JavaScript基础知识
Sep 25 #Javascript
分享一个原生的JavaScript拖动方法
Sep 25 #Javascript
HTML中setCapture、releaseCapture 使用方法浅析
Sep 25 #Javascript
jQuery的deferred对象使用详解
Sep 25 #Javascript
You might like
Drupal 添加模块出现莫名其妙的错误的解决方法(往往出现在模块较多时)
2011/04/18 PHP
thinkphp在php7环境下提示Cannot use ‘String’ as class name as it is reserved的解决方法
2016/09/30 PHP
JavaScript 学习笔记(九)call和apply方法
2010/01/11 Javascript
jQuery 动画弹出窗体支持多种展现方式
2010/04/29 Javascript
Javascript加载速度慢的解决方案
2014/03/11 Javascript
jQuery实现DIV层淡入淡出拖动特效的方法
2015/02/13 Javascript
JavaScript让Textarea支持tab按键的方法
2015/06/26 Javascript
JavaScript设置、获取、清除单值和多值cookie的方法
2015/11/17 Javascript
微信小程序使用第三方库Underscore.js步骤详解
2016/09/27 Javascript
js实现的光标位置工具函数示例
2016/10/03 Javascript
Jquery Easyui验证组件ValidateBox使用详解(20)
2016/12/18 Javascript
bootstrap实现嵌套模态框的实例代码
2020/01/10 Javascript
uniapp实现横向滚动选择日期
2020/10/21 Javascript
[42:24]完美世界DOTA2联赛循环赛 LBZS vs DM BO2第一场 11.01
2020/11/02 DOTA
Python实现Linux命令xxd -i功能
2016/03/06 Python
详解Python编程中对Monkey Patch猴子补丁开发方式的运用
2016/05/27 Python
总结python爬虫抓站的实用技巧
2016/08/09 Python
django框架自定义用户表操作示例
2018/08/07 Python
python集合比较(交集,并集,差集)方法详解
2018/09/13 Python
Python+selenium 获取浏览器窗口坐标、句柄的方法
2018/10/14 Python
在python中按照特定顺序访问字典的方法详解
2018/12/14 Python
使用k8s部署Django项目的方法步骤
2019/01/14 Python
通过实例了解Python str()和repr()的区别
2020/01/17 Python
Python可变对象与不可变对象原理解析
2020/02/25 Python
keras实现多GPU或指定GPU的使用介绍
2020/06/17 Python
俄罗斯购买自行车网站:Vamvelosiped
2021/01/29 全球购物
Linux Interview Questions For software testers
2013/05/17 面试题
UNIX文件类型
2013/08/29 面试题
最新结婚典礼主持词
2014/03/14 职场文书
大学学风建设方案
2014/05/04 职场文书
2014年采购部工作总结
2014/11/20 职场文书
离婚起诉书范本
2015/05/18 职场文书
重温入党誓词主持词
2015/06/29 职场文书
2016大学生求职自荐信范文
2016/01/28 职场文书
Spring Boot 排除某个类加载注入IOC的操作
2021/08/02 Java/Android
Java8中Stream的一些神操作
2021/11/02 Java/Android