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