jquery实现一个手机端移动端数钱游戏代码

代码语言:html

所属分类:游戏

代码描述:jquery实现一个手机端移动端数钱游戏代码,只支持手机端运行

代码标签: 手机 移动 数钱 游戏

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

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <style>
        *{margin:0;padding: 0;}
    html,body{ width: 100%; height: 100%; overflow: hidden; max-width: 640px; margin: 0 auto;}
    li{list-style: none}
    .index{width: 100%; height: 100%; background: url("//repo.bfw.wiki//bfwrepo/images/zhuanpan/shuqian/index_bg.jpg") center no-repeat; background-size: 100% 100%}
    .title{width: 100%;}
    .title .logo{ float: left; width: 40%;  max-width: 160px; margin: .5rem 0 0 .5rem;}
    .title .gz{ float: right; width: 20%; max-width: 90px; margin: .5rem .5rem 0 0; }
    .index_btn{width: 100%; position: absolute; bottom: 1rem; max-width: 640px; text-align: center;}
    .index_btn img{width: 50%;}
    
    .money{width: 100%; height:100%;  overflow: hidden; text-align: center;  background: url('//repo.bfw.wiki//bfwrepo/images/zhuanpan/shuqian/game_bg.jpg') no-repeat center; background-size: 100% 100%;}
    .money_en{width: 100%; height: 100%;  overflow: hidden;position: absolute; bottom: 0;   z-index: 5; max-width: 640px;}
    .money_en img{width: 50%;  position: absolute; bottom: -7rem; left:50%; margin-left: -25%;}
    .add img{ bottom: -2rem !important;}
    .money_pos{width: 100%; height: 100%;  overflow: hidden;position: absolute; bottom: 0;z-index: 2; max-width: 640px;}
    .money_pos img{width: 50%; position: absolute; bottom: -7rem; left:50%; margin-left: -25%;}
    .money .slg{width: 100%; text-align: center;  position: absolute; }
    .money .slg img{width: 65%; margin-top: 1.8rem;  }
    .money .slg_two{width: 100%; text-align: center;}
    .money .slg_two img{width: 80%;margin-top: 2rem; }
    .money .up{width: 100%; text-align: center;}
    .money .up img{width:.6rem; margin-top: 1rem;}
    .money_two{display: none;}
    .money_add{width: 100%; text-align: center;}
    .money_add span{ margin-top:1rem;display: inline-block;background-color:#c32105;width: 50%; line-height:1.1rem; font-size: .5rem; color:#fff; border-radius: 30px;}
    .money_time{width: 100%; text-align: center;}
    .money_time img,span{vertical-align: middle}
    .money_time { margin-top:.5rem;display: inline-block; background-color:#c32105; width: 40%; line-height:1rem; font-size: .5rem; color:#fff; border-radius: 30px;}
    .mo.........完整代码请登录后点击上方下载按钮下载查看

网友评论0