<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<title>世界杯</title>
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/jquery.min.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"
integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
crossorigin="anonymous"></script>
<style>
body{
background-color: #f2f2f2;
}
input, textarea, select {
outline: none;
}
.item .match {
width: 98%;
margin: 0 1%;
overflow: auto;
text-align: center;
box-sizing: border-box;
background-color: #4870e3;
color: white;
border-radius: 17px;
overflow: hidden;
margin-top: 10px;
}
.item .grey_wks {
background-color: #cccccc;
}
.item .active {
border-radius: 17px 17px 0 0;
}
.item .match .team {
float: left;
width: 25%;
height: 110px;
position: relative
}
.item .match .team .view {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.item .match .score {
float: left;
width: 5%;
line-height: 110px;
font-size: 20px
}
.item .match .content {
float: left;
width: 40%;
height: 110px;
position: relative
}
.item .match .content .view {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.item .match .content .view .status {
width: 100px;
line-height: 24px;
background-color: #00cc66;
border-radius: 40px;
margin-left: auto;
margin-right: auto;
}
.item .match .content .view .red {
background-color: #ff0000;
}
.item .match .content .view .grey {
background-color: #797979;
}
.item .game {
background-color: #ffffff;
display: none;
width: 98%;
margin: 0 1%;
border-radius: 0 0 17px 17px;
overflow: hidden;
}
.item .game .game_item {
position: relative;
width: 100%;
text-align: center;
border-bottom: 1px solid #F2F2F2;
overflow: hidden;
height: 100px;
}
.item .game .game_item .head_name {
width: 100%;
height: 45px;
line-height: 45px;
font-size: 14px;
padding-top: 10px;
}
.item .game .game_item .head_name .text {
background-color: #4870e3;
border-radius: 15px;
padding: 3px 15px;
color: white;
height: 22px;
line-height: 18px;
width: 180px;
margin-left: auto;
margin-right: auto;
}
.item .game .game_item .xiazhu_view {
float: left;
height: 40px;
font-size: 10px;
text-align: center;
box-sizing: border-box;
width: 50px;
}
.item .game .game_item .xiazhu_view .xiazhu_btn {
width: 40px;
float: left;
line-height: 40px;
height: 40px;
border-radius: 20px;
background-color: #797979;
color: white;
font-size: 15px;
}
.item .game .game_item .xiazhu_view .team_name {
height: 20px;
overflow: hidden;
font-size: 15px;
}
.item .game .game_item .xiazhu_view .btn_green {
background-color: #669933;
}
.header {
position: fixed;
z-index: 60;
width: 100%;
max-width: 700px;
height: 35px;
top: 0;
text-align: center;
line-height: 35px;
font-size: 17px;
margin-right: auto;
margin-left: auto;
background-color: #2d59df;
color: white;
}
.date {
height: 30px;
line-height: 30px;
text-align: center;
color: #646464;
margin-bottom: -10px;
}
.footer a {
color: black;
}
.footer {
position: fixed;
z-index: 60;
width: 100%;
max-width: 700px;
height: 50px;
bottom: 0;
background-color: white;
}
.footer .footer_item {
float: left;
width: 25%
}
</style>
</head>
<body>
<div class="app"
style="background-color: #f2f2f2;max-width: 700px;margin-left: auto;margin-right: auto;position: relative;overflow: auto;padding-top: 35px">
<div class="header">
</div>
<div id="main_data" style="padding-bottom: 60px">
</div>
<!-- Button trigger modal -->
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"
style="display: none" id="show_xiazhu">
Launch demo modal
</button>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
style="margin-top: 30%">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header" style="border:0">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
<h4 class="modal-title" style="text-align: center;color: #4870e3" id="myModalLabel">Modal title</h4>
</div>
<div class="modal-body" style="text-align: center;padding: 0;font-size: 16px;">
<div style="padding-bottom: 15px">
您选择是:<span id="trust"></span>
</div>
<div>
<input type="text" id="point_val" placeholder="输入金币" style="border: 1px solid #cbcbcb"
onkeyup="value=this.value.replace(/\D+/g,'')">
</div>
<div style="margin-top: 15px;font-size: 13px">
预计最高收益:<span id="get_point_val"></span>
</div>
</div>
<div class="modal-footer" style="border:0;text-align: center">
<button type="button" class="btn" style="background-color: #00cc66;color: white;width: 30%"
onclick="window.location.href='czjm.html'">去充值
</button>
<button type="button" class="btn" style="background-color: #4870e3;color: white;width: 30%"
onclick="order()">下注
</button>
</div>
</div>
</div>
</div>
<div class="footer" style="height: 45px;text-align: center;font-size: 10px;">
<a href="index.html" style="color: #8a8a8a">
<div class="footer_item
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【资源说明】 1、该资源包括项目的全部源码,下载可以直接使用! 2、本项目适合作为计算机、数学、电子信息等专业的课程设计、期末大作业和毕设项目,作为参考资料学习借鉴。 3、本资源作为“参考资料”如果需要实现其他功能,需要能看懂代码,并且热爱钻研,自行调试。 赛车h5源码.zip
资源推荐
资源详情
资源评论
收起资源包目录
赛车h5源码.zip (85个子文件)
code_20105
lishi.html 3KB
js
jquery.cookie.js 3KB
main.js 1KB
qrcode.min.js 19KB
jquery.min.js 84KB
jcls.html 10KB
rebate.html 3KB
lxkf.html 1KB
cz.html 5KB
bjk.html 3KB
cztx.html 6KB
.idea
workspace.xml 56KB
sjb_wap.iml 458B
modules.xml 266B
ssc.html 21KB
css
style.css 188B
bootstrap.min.css 118KB
shishicai.css 2KB
jcls.css 509B
chongzhi.css 2KB
lishi.css 454B
cz.css 2KB
ssc_referee.html 4KB
referee.html 5KB
login.html 21KB
ssc_rule.html 7KB
xgmm.html 2KB
czjm2.html 5KB
index.html 21KB
czjm.html 3KB
txjm.html 3KB
imgs
我的筹码2.png 2KB
xgmm.png 4KB
adv.jpg 209KB
210705163930538428.png 10KB
cztx.png 3KB
竞猜1.png 2KB
chongzhi.png 8KB
tixian.png 9KB
竞猜2.png 9KB
ssc_icon1.png 7KB
icon_user.png 4KB
zhudui.png 11KB
guoqi
aiji.png 36KB
bingdao.png 35KB
bilishi.png 35KB
moluoge.png 36KB
putaoya.png 40KB
yilang.png 38KB
hanguo.png 37KB
xibanya.png 38KB
wulagui.png 37KB
moxige.png 36KB
gelunbiya.png 34KB
agenting.png 35KB
shatealabo.png 40KB
tunisi.png 38KB
saineijiae.png 35KB
yinggelan.png 34KB
danmai.png 35KB
deguo.png 34KB
niriliya.png 33KB
gesidalijia.png 34KB
ruidian.png 34KB
saieweiya.png 38KB
aodaliya.png 38KB
banama.png 34KB
keluodiya.png 39KB
riben.png 34KB
milu.png 34KB
faguo.png 34KB
bolan.png 33KB
eluosi.png 33KB
ruishi.png 35KB
baxi.png 38KB
竞猜历史1.png 11KB
kefu.png 52KB
kedui.png 10KB
icon_pwd.png 4KB
竞猜历史2.png 2KB
dl_icon.png 5KB
ssc_icon.png 7KB
yhk.png 4KB
我的筹码1.png 11KB
kf_icon.png 7KB
共 85 条
- 1
资源评论
土豆片片
- 粉丝: 1567
- 资源: 5643
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功