JS开奖选号tab切换页面特效代码下载


JS开奖选号tab切换页面特效代码下载
JS开奖选号tab切换页面特效代码下载以及开奖选号、tab切换页面等js/jquery网页特效代码下载。

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>

相关推荐

发表评论

相关文章