<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-6">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta name="author" content="sjava;http://101.300.44.161">
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">
<meta name="keywords" content="关键词1,关键词3">
<meta name="description" content="描述语句">
<title>day04</title>
</head>
<link rel="stylesheet" type="text/css" href="css.css">
<body>
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-6 col-sm-6 col-xs-offset-0 col-md-offset-3 col-sm-offset-3">
<marquee><h2>打地鼠</h2><small style="color: red;">点击草坪或者三次没点击地鼠均为失败</small></marquee>
</div>
</div>
<div class="row " style="height: 430px; margin: 10px auto;">
<div class="row" style="height: 143px;">
<div class="col-xs-12 col-md-6 col-sm-6 col-xs-offset-0 col-md-offset-3 col-sm-offset-3">
<div class="col-xs-4 col-md-4 col-sm-4 left"><img src="img/5.jpg" alt="" width="95%"></div>
<div class="col-xs-4 col-md-4 col-sm-4 left"><img src="img/5.jpg" alt="" width="95%"></div>
<div class="col-xs-4 col-md-4 col-sm-4 left"><img src="img/5.jpg" alt="" width="95%"></div>
</div>
</div>
<div class="row" style="height: 143px;">
<div class="col-xs-12 col-md-6 col-sm-6 col-xs-offset-0 col-md-offset-3 col-sm-offset-3">
<div class="col-xs-4 col-md-4 col-sm-4 left"><img src="img/5.jpg" alt="" width="95%"></div>
<div class="col-xs-4 col-md-4 col-sm-4 left"><img src="img/5.jpg" alt="" width="95%"></div>
<div class="col-xs-4 col-md-4 col-sm-4 left"><img src="img/5.jpg" alt="" width="95%"></div>
</div>
</div>
<div class="row" style="height: 143px;">
<div class="col-xs-12 col-md-6 col-sm-6 col-xs-offset-0 col-md-offset-3 col-sm-offset-3">
<div class="col-xs-4 col-md-4 col-sm-4 left"><img src="img/5.jpg" alt="" width="95%"></div>
<div class="col-xs-4 col-md-4 col-sm-4 left"><img src="img/5.jpg" alt="" width="95%"></div>
<div class="col-xs-4 col-md-4 col-sm-4 left"><img src="img/5.jpg" alt="" width="95%"></div>
</div>
</div>
</div>
<div class="row top">
<div class="row" style="height: 20px;">
<div class="col-xs-6 col-md-6 t-left">
<button type="button" class="btn btn-default begin">开始</button>
</div>
<div class="col-xs-6 col-md-6 t-right">
<div class="message">
点击开始游戏
</div>
</div>
</div>
<br><br><br>
<div class="row bottom">
<div class=" col-xs-12 col-md-4 col-lg-2 col-xs-offset-0 col-md-offset-4 col-lg-offset-5 grade" style="background-color: cyan;height: 4rem; line-height: 4rem;">
当前得分:(简单难度)0
</div>
</div>
</div>
</div>
<audio src="img/1.mp3" hidden="true"></audio>
<audio src="img/2.mp3" hidden="true"></audio>
<audio src="img/3.mp3" hidden="true"></audio>
</body>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="js.js"></script>
</html>
评论0
最新资源