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