本站源码全部测试通过,配有前台及后台演示图,绿色安全,希望能对大家有所帮助!
  • 首 页
  • VPS/云主机
  • html5赛车竞速开奖游戏源码
    时间:2020-03-25 22:10 来源:开源之家 作者:开源之家测试提供 下载:173 次
    • 源码说明:本站源码全部经过测试,配有前台及后台管理界面演示图,去除后门,绿色安全,希望对大家学习研究能有所帮助!
    • 源码类型:特效源码
    • 源码大小:790 KB
    • 运行环境:HTML
    • 下载次数:173 次
    • 推荐VPS:
    • 提取密码/源码编号:
    • 本地下载
    • 本地下载
    • 》网盘下载,每日更新

    html5赛车竞速开奖游戏源码

    特效描述:html5 赛车竞速 开奖游戏源码,可以随机产生赛车开奖结果

    代码结构

    1. 引入CSS

    1
    2
    <link type="text/css" rel="stylesheet" href="css/commen.css">
    <link type="text/css" rel="stylesheet" href="css/video/animate.css">

    2. 引入JS

    1
    2
    <script src="js/jquery-1.10.1.min.js"></script>
    <script src="js/animate/index.js"></script>

    3. HTML代码

    <div class="ant">
        <div class="animate">
            <div class="num">
                <div class="num-left">北京赛车<span>PK10</span></div>
                <div class="num-center">
                    <ul><li>5</li><li>8</li><li>6</li><li>1</li><li>9</li><li>2</li><li>4</li><li>3</li><li>10</li><li>7</li></ul>
                </div>
                <div class="num-right">期号:683391</div>
            </div>
            <div class="topbg"></div>
            <div class="animate-box">
                <div class="line-1"><img src="images/animate/line.png" width="100%"></div>
                <div class="line-2"><img src="images/animate/line.png" width="100%"></div>
            </div>
            <div class="car1 car" id="car1">
                <div class="car-div">
                    <img src="images/animate/car1.png" width="100%" class="icar">
                    <div class="car-wheel wheel1a"><img src="images/animate/wheel.gif" width="100%"></div>
                    <div class="car-wheel2 wheel1b"><img src="images/animate/wheel.gif" width="100%"></div>
                    <div class="car-front wind1"><img src="images/animate/wind.png" width="100%"></div>
                    <div class="car-after flame1"><img src="images/animate/flame.png" width="100%"></div>
                </div>
            </div>
            <div class="car2 car" id="car2">
                <div class="car-div">
                    <img src="images/animate/car2.png" width="100%" class="icar">
                    <div class="car-wheel wheel1a"><img src="images/animate/wheel.gif" width="100%"></div>
                    <div class="car-wheel2 wheel1b"><img src="images/animate/wheel.gif" width="100%"></div>
                    <div class="car-front wind2"><img src="images/animate/wind.png" width="100%"></div>
                    <div class="car-after flame3"><img src="images/animate/flame.png" width="100%"></div>
                </div>
            </div>
            <div class="car3 car" id="car3">
                <div class="car-div">
                    <img src="images/animate/car3.png" width="100%" class="icar">
                    <div class="car-wheel wheel1a"><img src="images/animate/wheel.gif" width="100%"></div>
                    <div class="car-wheel2 wheel1b"><img src="images/animate/wheel.gif" width="100%"></div>
                    <div class="car-front wind3"><img src="images/animate/wind.png" width="100%"></div>
                    <div class="car-after flame3"><img src="images/animate/flame.png" width="100%"></div>
                </div>
            </div>
            <div class="car4 car" id="car4">
                <div class="car-div">
                    <img src="images/animate/car4.png" width="100%" class="icar">
                    <div class="car-wheel wheel1a"><img src="images/animate/wheel.gif" width="100%"></div>
                    <div class="car-wheel2 wheel1b"><img src="images/animate/wheel.gif" width="100%"></div>
                    <div class="car-front wind4"><img src="images/animate/wind.png" width="100%"></div>
                    <div class="car-after flame4"><img src="images/animate/flame.png" width="100%"></div>
                </div>
            </div>
            <div class="car5 car" id="car5">
                <div class="car-div">
                    <img src="images/animate/car5.png" width="100%" class="icar">
                    <div class="car-wheel wheel1a"><img src="images/animate/wheel.gif" width="100%"></div>
                    <div class="car-wheel2 wheel1b"><img src="images/animate/wheel.gif" width="100%"></div>
                    <div class="car-front wind5"><img src="images/animate/wind.png" width="100%"></div>
                    <div class="car-after flame5"><img src="images/animate/flame.png" width="100%"></div>
                </div>
            </div>
            <div class="car6 car" id="car6">
                <div class="car-div">
                    <img src="images/animate/car6.png" width="100%" class="icar">
                    <div class="car-wheel wheel1a"><img src="images/animate/wheel.gif" width="100%"></div>
                    <div class="car-wheel2 wheel1b"><img src="images/animate/wheel.gif" width="100%"></div>
                    <div class="car-front wind6"><img src="images/animate/wind.png" width="100%"></div>
                    <div class="car-after flame6"><img src="images/animate/flame.png" width="100%"></div>
                </div>
            </div>
            <div class="car7 car" id="car7">
                <div class="car-div">
                    <img src="images/animate/car7.png" width="100%" class="icar">
                    <div class="car-wheel wheel1a"><img src="images/animate/wheel.gif" width="100%"></div>
                    <div class="car-wheel2 wheel1b"><img src="images/animate/wheel.gif" width="100%"></div>
                    <div class="car-front wind7"><img src="images/animate/wind.png" width="100%"></div>
                    <div class="car-after flame7"><img src="images/animate/flame.png" width="100%"></div>
                </div>
            </div>
            <div class="car8 car" id="car8">
                <div class="car-div">
                    <img src="images/animate/car8.png" width="100%" class="icar">
                    <div class="car-wheel wheel1a"><img src="images/animate/wheel.gif" width="100%"></div>
                    <div class="car-wheel2 wheel1b"><img src="images/animate/wheel.gif" width="100%"></div>
                    <div class="car-front wind8"><img src="images/animate/wind.png" width="100%"></div>
                    <div class="car-after flame8"><img src="images/animate/flame.png" width="100%"></div>
                </div>
            </div>
            <div class="car9 car" id="car9">
                <div class="car-div">
                    <img src="images/animate/car9.png" width="100%" class="icar">
                    <div class="car-wheel wheel1a"><img src="images/animate/wheel.gif" width="100%"></div>
                    <div class="car-wheel2 wheel1b"><img src="images/animate/wheel.gif" width="100%"></div>
                    <div class="car-front wind9"><img src="images/animate/wind.png" width="100%"></div>
                    <div class="car-after flame9"><img src="images/animate/flame.png" width="100%"></div>
                </div>
            </div>
            <div class="car10 car" id="car10">
               <div class="car-div">
                    <img src="images/animate/car10.png" width="100%" class="icar">
                    <div class="car-wheel wheel1a"><img src="images/animate/wheel.gif" width="100%"></div>
                    <div class="car-wheel2 wheel1b"><img src="images/animate/wheel.gif" width="100%"></div>
                    <div class="car-front wind10"><img src="images/animate/wind.png" width="100%"></div>
                    <div class="car-after flame10"><img src="images/animate/flame.png" width="100%"></div>
               </div>
            </div>
            <div class="light">
                <div class="countdownnum">00:00</div>
                <div class="countdownnum2">00</div>
                <div class="lightgreen"><img src="images/animate/lightgreen.png" width="100%"></div>
                <div class="lightyellow"><img src="images/animate/lightyellow.png" width="100%"></div>
                <div class="lightred"><img src="images/animate/lightred.png" width="100%"></div>
            </div>
        </div>
    </div>
    <div class="rz-bg">
        <div class="place1 plcae">
            <img src="images/rezult/result1.png" width="80%">
            <div class="place-name-1"></div>
        </div>
        <div class="place2 plcae">
            <img src="images/rezult/result2.png" width="80%">
            <div class="place-name-1"></div>
        </div>
        <div class="place3 plcae">
            <img src="images/rezult/result3.png" width="80%">
            <div class="place-name-1"></div>
        </div>
    </div>
    <div class="rezult">
        <div class="rezult-left">
            <p><em>等待开奖:</em><span>683542</span></p>
        </div>
        <div class="rezult-center">
            <p><em>冠亚军和:</em><i>13</i><i>单</i><i>大</i></p>
        </div>
        <div class="rezult-right">
            <p><em>1-5龙虎:</em><i>虎</i><i>龙</i><i>龙</i><i>虎</i><i>龙</i></p>
        </div>
    </div>

    html5赛车竞速开奖游戏源码

    郑重声明:
    本站资源均由高价购买、会员分享,全部经过测试,配有前台及后台管理界面演示图,去除后门,绿色安全,希望对大家学习研究能有所帮助!
    若您需要商业运营或用于其它商业活动,请您购买正版授权并合法使用。 我们不承担任何技术及版权问题,且不对任何资源负法律责任。
    如无法下载,联系站长索要。如有侵犯您的版权,请提交软件证书/图片地址和源码链接 我们尽快处理。

    开源之家广告栏目A
    开源之家广告栏目B
    开源之家广告栏目C
    在线客服
    客服微信

    扫一扫......加客服微信