jquery模拟双色球开奖摇号机随机摇号产生数字显示效果代码-html代码-BFW代码库

代码语言：html

所属分类：游戏

代码描述：jquery模拟双色球开奖摇号机随机摇号产生数字显示效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="apple-touch-fullscreen" content="YES" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta http-equiv="Expires" content="-1" />
    <meta http-equiv="pragram" content="no-cache" />

    <style>
        * {
        padding: 0px;
        margin: 0px;
        font-family: "微软雅黑";
        font-size: 100%;
        font-style: normal
    }
    
    dd, dl, dt, em, i, p, textarea, a, div {
        padding: 0px;
        margin: 0px;
    }
    
    a {
        text-decoration: none;
    }
    
    img {
        border: 0px;
    }
    
    ul, li {
        padding: 0px;
        margin: 0px;
        list-style: none;
    }
    
    .fl {
        float: left
    }
    
    .fr {
        float: right
    }
    
    body {
        margin: 0px;
        padding: 0px;
        color: #ffc476;
        background: #fff;
        color: #000000;
        background: #336666;
    }
    
    a {
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        -webkit-tap-highlight-color: transparent;
    }
    
    .none {
        display: none
    }
    
    
    /*扭蛋机*/
    .niu_danji {
        width: 640px;
        height: 1039px;
        background: #336666;
        margin: 0px auto;
        overflow: hidden;
        position: relative;
        margin-top: 50px;
    }
    
        .niu_danji .game_qu {
            background: url(//repo.bfw.wiki/bfwrepo/images/yaohao/game_ndj.png) no-repeat;
            width: 553px;
            height: 767px;
            left: 47px;
            top: 74px;
            position: absolute;
            z-index: 3
        }
    
        .niu_danji .game_go {
            width: 134px;
            height: 50px;
            position: absolute;
            left: 210px;
            bottom: 225px;
            background: url(//repo.bfw.wiki/bfwrepo/images/yaohao/an_go.png) no-repeat;
            font-size: 18px;
            color: #fff;
            line-height: 20px;
            text-align: center;
            padding-top: 90px;
        }
    
        .niu_danji .wdjifen {
            font-size: 20px;
            color: #fff;
            width: 128px;
            height: 35px;
            line-height: 35px;
            position: absolute;
            left: 206px;
            bottom: 120px;
            text-align: center
        }
    
    
        .niu_danji .an_jfgr {
            width: 100%;
            text-align: center;
            padding-top: 23px;
            position: absolute;
            left: 0px;
            bottom: 60px;
        }
    
            .niu_danji .an_jfgr img {
                margin: 0px 7px;
            }
    
    
    
        .niu_danji .dan_gund {
            width: 500px;
            height: 447px;
            position: absolute;
            left: 68px;
            top: 80px;
            z-index: 1;
            -webkit-border-radius: 240px 240px 0px 0px;
            -moz-border-radius: 240px 240px 0px 0px;
            border-radius: 240px 240px 0px 0px;
            overflow: hidden
        }
    
            .niu_danji .dan_gund span {
                display: inline-block;
                margin: 8px 5px;
                padding: 5px;
                width: 35px;
                height: 35px;
                font: bold 18px/30px arial;
                /*border: 1px #ddd solid;*/
                color: #fff;
                border-radius: 31px;
                text-align: center;
                background-image: -webkit-radial-gradient(circle at top,rgb(247, 247, 247),rgb(222, 222, 222));
                background-image: radial-gradient(circle at top,rgb(248, 197, 197),rgb(255, 0, 0));
            }
                .niu_danji .dan_gund span::after {
                    content: "";
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 115px;
                    height: 115px;
                    display: block;
                    /*background: url(//repo.bfw.wiki/bfwrepo/images/yaohao/canpin_4.png) no-repeat;*/
                    animation: zhuan 1s linear forwards;
                    -webkit-animation: zhuan 1s linear forwards;
                }
    
    
        .niu_danji .dan_gund2 {
            width: 500px;
            height: 447px;
            position: absolute;
            left: 68px;
            top: 80px;
            z-index: 1;
            -webkit-border-radius: 240px 240px 0px 0px;
            -moz-border-radius: 240px 240px 0px 0px;
            border-radius: 240px 240px 0px 0px;
            overflow: hidden
        }
    
            .niu_danji .dan_gund2 span {
                display: inline-block;
                margin: 8px 5px;
                padding: 5px;
                width: 30px;
                height: 30px;
                font: bold 18px/30px arial;
                /*border: 1px #ddd solid;*/
                color: #fff;
                border-radius: 31px;
                text-align: center;
                background-image: -webkit-radial-gradient(circle at top,rgb(247, 247, 247),rgb(222, 222, 222));
                background-image: radial-gradient(circle at top,rgb(192, 203, 255),rgb(0, 5, 255));
            }
    
                .niu_danji .dan_gund2 span::after {
                    content: "";
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 115px;
                    height: 115px;
                    display: block;
                    /*background: url(//repo.bfw.wiki/bfwrepo/images/yaohao/canpin_4.png) no-repeat;*/
                    animation: zhuan 1s linear forwards;
                    -webkit-animation: zhuan 1s linear forwards;
                }
    
    
    /*中奖*/
    .zonj_zezc {
        width: 640px;
        min-height: 1039px;
        position: absolute;
        left: 50%;
        top: 0px;
        z-index: 4;
        background: rgba(0,0,0,0.85);
        margin-left: -320px;
    }
    
        .zonj_zezc .jpzs {
            width: 450px;
            height: 286px;
            position: relative；-webkit-border-radius:10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            background: #fff;
            margin: 300px auto 0px auto;
.........完整代码请登录后点击上方下载按钮下载查看