1. 引入CSS
<link href="css/public.css" type="text/css" rel="stylesheet" /> <link href="css/sd11x5.css" type="text/css" rel="stylesheet" />
2. 引入JS
<script src="js/jquery-1.8.3.min.js" language="javascript" type="text/javascript"></script> <script src="js/mock.min.js" language="javascript" type=" text/javascript"></script> <script src="js/sd11x5.js" language="javascript" type="text/javascript"></script> <script src="layer/layer.js" type="text/javascript"></script>
3. HTML代码
<div class="jf_main_page"> <div class="jf_main_p"> <!--/f_game_tip--> <div class="opbox"> <div class="sd11x5-txt"> <h2> <span class="fl"><img src="images/sd11x5.png" width="80" height="80" alt="11ѡ5"></span> <span class="nm"> </span> <span class="fr"> <p class="hide"> <input type="hidden" id="lastTime" value="2019-01-26 15:24:01"> <input type="hidden" id="period" value="19012642"> <input type="hidden" id="type" value="r2"> <input type="hidden" id="playtype" value="pt"> </p> </span> </h2> </div> <form onsubmit="return mysubmita1()" id="regform" action="" method="post"> <div class="bettingBox"> <div class="betTypeNav"> <ul class="betTypeList"> <li href="javascript:void(0);" id="r2" class="act"> <div> </li> <li href="javascript:void(0);" id="r3"> <div> </li> <li href="javascript:void(0);" id="r4"> <div> </li> <li href="javascript:void(0);" id="r5"> <div> </li> <li href="javascript:void(0);" id="r6"> <div> </li> <li href="javascript:void(0);" id="r7"> <div> </li> <li href="javascript:void(0);" id="r8"> <div> </li> <li href="javascript:void(0);" id="q1"> <div> <em>ǰһ</em></div> </li> <li href="javascript:void(0);" id="q2zu"> <div> </li> <li href="javascript:void(0);" id="q2zhi"> <div> </li> <li href="javascript:void(0);" id="q3zu"> <div> </li> <li href="javascript:void(0);" id="q3zhi"> <div> </li> </ul> </div> <div id="mainPanels"> <div class="selectNum cleafix" id="panl_rx2"> <div class="wfTitle clearfix"> <div class="fl betTypeWrap"> <input type="radio" checked="checked" value="rx2_pt" name="checkbox1" id="rx2_pt" class="radio_pt"> <label for="rx2_pt" class="radio_pt"> <input type="radio" value="rx2_fs" name="checkbox1" id="rx2_fs" class="radio_fs"> <label for="rx2_fs" class="radio_fs"> <input type="radio" value="rx2_dt" name="checkbox1" id="rx2_dt" class="radio_dt"> <label for="rx2_dt" class="radio_dt"> </div> </div> <div class="gameWrap" id="putong"> <div class="title"> <div class="chartWrap"> </div> <div class="ballarea clearfix"> <div class="clearfix numdiv numberdiv"> <div class="redBallBox"> <ul class="clearfix"> <li><a href="javascript:;" class="js_ball" id="nop01">01</a> </li> <li><a href="javascript:;" class="js_ball" id="nop02">02</a> </li> <li><a href="javascript:;" class="js_ball" id="nop03">03</a> </li> <li><a href="javascript:;" class="js_ball" id="nop04">04</a> </li> <li><a href="javascript:;" class="js_ball" id="nop05">05</a> </li> <li><a href="javascript:;" class="js_ball" id="nop06">06</a> </li> <li><a href="javascript:;" class="js_ball" id="nop07">07</a> </li> <li><a href="javascript:;" class="js_ball" id="nop08">08</a> </li> <li><a href="javascript:;" class="js_ball" id="nop09">09</a> </li> <li><a href="javascript:;" class="js_ball" id="nop10">10</a> </li> <li><a href="javascript:;" class="js_ball" id="nop11">11</a> </li> </ul> </div> </div> </div> <div class="betbtnBox"> </div> <div class="selected_box clearfix"> <div id="select_list_box" class="selected_list"> <dl id="content"> </dl> </div> <div class="selected_btnbox"> </div> </div> </div> <div class="gameWrap fushi" id="fushi" style="display: none"> <div class="title"> <div class="chartWrap"> </div> <div class="ballarea clearfix"> <div class="clearfix numdiv numberdiv"> <div class="redBallBox"> <ul class="clearfix"> <li><a href="javascript:;" class="js_ball" id="nof01">01</a> </li> <li><a href="javascript:;" class="js_ball" id="nof02">02</a> </li> <li><a href="javascript:;" class="js_ball" id="nof03">03</a> </li> <li><a href="javascript:;" class="js_ball" id="nof04">04</a> </li> <li><a href="javascript:;" class="js_ball" id="nof05">05</a> </li> <li><a href="javascript:;" class="js_ball" id="nof06">06</a> </li> <li><a href="javascript:;" class="js_ball" id="nof07">07</a> </li> <li><a href="javascript:;" class="js_ball" id="nof08">08</a> </li> <li><a href="javascript:;" class="js_ball" id="nof09">09</a> </li> <li><a href="javascript:;" class="js_ball" id="nof10">10</a> </li> <li><a href="javascript:;" class="js_ball" id="nof11">11</a> </li> </ul> </div> </div> </div> <div class="randomBtn"> </div> <div class="gameWrap dantuo" id="dantuo" style="display: none"> <div class="title"> <div class="dantuo_com clearfix"> <h2> <div class="danma clearfix"> <div class="clearfix"> <div class="redBallBox"> <ul class="clearfix"> <li><a href="javascript:;" class="js_ball" id="nod01">01</a> </li> <li><a href="javascript:;" class="js_ball" id="nod02">02</a> </li> <li><a href="javascript:;" class="js_ball" id="nod03">03</a> </li> <li><a href="javascript:;" class="js_ball" id="nod04">04</a> </li> <li><a href="javascript:;" class="js_ball" id="nod05">05</a> </li> <li><a href="javascript:;" class="js_ball" id="nod06">06</a> </li> <li><a href="javascript:;" class="js_ball" id="nod07">07</a> </li> <li><a href="javascript:;" class="js_ball" id="nod08">08</a> </li> <li><a href="javascript:;" class="js_ball" id="nod09">09</a> </li> <li><a href="javascript:;" class="js_ball" id="nod10">10</a> </li> <li><a href="javascript:;" class="js_ball" id="nod11">11</a> </li> </ul> </div> </div> </div> <h2> <div class="tuoma clearfix"> <div class="clearfix"> <div class="redBallBox"> <ul class="clearfix"> <li><a href="javascript:;" class="js_ball" id="not01">01</a> </li> <li><a href="javascript:;" class="js_ball" id="not02">02</a> </li> <li><a href="javascript:;" class="js_ball" id="not03">03</a> </li> <li><a href="javascript:;" class="js_ball" id="not04">04</a> </li> <li><a href="javascript:;" class="js_ball" id="not05">05</a> </li> <li><a href="javascript:;" class="js_ball" id="not06">06</a> </li> <li><a href="javascript:;" class="js_ball" id="not07">07</a> </li> <li><a href="javascript:;" class="js_ball" id="not08">08</a> </li> <li><a href="javascript:;" class="js_ball" id="not09">09</a> </li> <li><a href="javascript:;" class="js_ball" id="not10">10</a> </li> <li><a href="javascript:;" class="js_ball" id="not11">11</a> </li> </ul> </div> </div> </div> </div> <div class="alltuoBtn"> </div> <div id="zhixuan" style="display: none;"> <div class="title"> <div class="redBallBox"> <ul class="clearfix"> <li><a href="javascript:;" class="js_ball" id="noy01">01</a> </li> <li><a href="javascript:;" class="js_ball" id="noy02">02</a> </li> <li><a href="javascript:;" class="js_ball" id="noy03">03</a> </li> <li><a href="javascript:;" class="js_ball" id="noy04">04</a> </li> <li><a href="javascript:;" class="js_ball" id="noy05">05</a> </li> <li><a href="javascript:;" class="js_ball" id="noy06">06</a> </li> <li><a href="javascript:;" class="js_ball" id="noy07">07</a> </li> <li><a href="javascript:;" class="js_ball" id="noy08">08</a> </li> <li><a href="javascript:;" class="js_ball" id="noy09">09</a> </li> <li><a href="javascript:;" class="js_ball" id="noy10">10</a> </li> <li><a href="javascript:;" class="js_ball" id="noy11">11</a> </li> </ul> </div> <div class="redBallBox"> <ul class="clearfix"> <li><a href="javascript:;" class="js_ball" id="noe01">01</a> </li> <li><a href="javascript:;" class="js_ball" id="noe02">02</a> </li> <li><a href="javascript:;" class="js_ball" id="noe03">03</a> </li> <li><a href="javascript:;" class="js_ball" id="noe04">04</a> </li> <li><a href="javascript:;" class="js_ball" id="noe05">05</a> </li> <li><a href="javascript:;" class="js_ball" id="noe06">06</a> </li> <li><a href="javascript:;" class="js_ball" id="noe07">07</a> </li> <li><a href="javascript:;" class="js_ball" id="noe08">08</a> </li> <li><a href="javascript:;" class="js_ball" id="noe09">09</a> </li> <li><a href="javascript:;" class="js_ball" id="noe10">10</a> </li> <li><a href="javascript:;" class="js_ball" id="noe11">11</a> </li> </ul> </div> <div class="redBallBox" id="numth3"> <ul class="clearfix"> <li><a href="javascript:;" class="js_ball" id="nos01">01</a> </li> <li><a href="javascript:;" class="js_ball" id="nos02">02</a> </li> <li><a href="javascript:;" class="js_ball" id="nos03">03</a> </li> <li><a href="javascript:;" class="js_ball" id="nos04">04</a> </li> <li><a href="javascript:;" class="js_ball" id="nos05">05</a> </li> <li><a href="javascript:;" class="js_ball" id="nos06">06</a> </li> <li><a href="javascript:;" class="js_ball" id="nos07">07</a> </li> <li><a href="javascript:;" class="js_ball" id="nos08">08</a> </li> <li><a href="javascript:;" class="js_ball" id="nos09">09</a> </li> <li><a href="javascript:;" class="js_ball" id="nos10">10</a> </li> <li><a href="javascript:;" class="js_ball" id="nos11">11</a> </li> </ul> </div> <div class="chartWrap"> </div> <div class="betbtnBoxzhi"> </div> <div class="selected_box clearfix"> <div id="select_list_box" class="selected_list"> <dl id="contentzhi"> </dl> </div> <div class="selected_btnbox"> </div> </div> </div> <div class="gameWrap fushizhi" id="fushizhi" style="display: none"> <div class="title"> <div class="chartWrap"> </div> <div class="ballarea clearfix"> <div class="clearfix numdiv numberdiv"> <div class="redBallBox"> <ul class="clearfix"> <li><a href="javascript:;" class="js_ball" id="noqf01">01</a> </li> <li><a href="javascript:;" class="js_ball" id="noqf02">02</a> </li> <li><a href="javascript:;" class="js_ball" id="noqf03">03</a> </li> <li><a href="javascript:;" class="js_ball" id="noqf04">04</a> </li> <li><a href="javascript:;" class="js_ball" id="noqf05">05</a> </li> <li><a href="javascript:;" class="js_ball" id="noqf06">06</a> </li> <li><a href="javascript:;" class="js_ball" id="noqf07">07</a> </li> <li><a href="javascript:;" class="js_ball" id="noqf08">08</a> </li> <li><a href="javascript:;" class="js_ball" id="noqf09">09</a> </li> <li><a href="javascript:;" class="js_ball" id="noqf10">10</a> </li> <li><a href="javascript:;" class="js_ball" id="noqf11">11</a> </li> </ul> </div> </div> </div> <div class="randomBtn"> </div> </div> </div> <div class="betresult"> <input type="text" value="1" id="multiple1" class="weui-count__number"> <a href="javascript:;" hidefocus="true" class="add weui-count__increase" id="multiple2"> <input type="text" value="1" id="periods1" class="weui-count__number"> <a href="javascript:;" hidefocus="true" class="add weui-count__increase" id="periods2"> </span> </div> </div> <div class="glb_disbtn_submit"> <a class="button_ljdh" href="javascript:;" id="toSubmit"></a> </div> <div class="glb_disbtn_stop"> <a class="button_ztxs" href="javascript:;"></a> </div> </form> </div> </div> </div>