108 lines
2.6 KiB
HTML
108 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title></title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no" />
|
|
|
|
<link rel="stylesheet" type="text/css" href="CSS/index.css" />
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<!-- 顶部返回区域 -->
|
|
<header class="header">
|
|
<div>
|
|
<img src="Images/icon.png">
|
|
<h4>
|
|
<p>漫三国</p>
|
|
<span>搞笑三国放置类手游</span>
|
|
</h4>
|
|
<button type="button" onclick="shutdown()"></button>
|
|
</div>
|
|
</header>
|
|
<div class="main">
|
|
<!-- 头部大图 -->
|
|
<div class="bigPicture">
|
|
<img src="Images/bg.jpg">
|
|
</div>
|
|
<!-- 文字简介 -->
|
|
<div class="textIntroduction">
|
|
<!-- 文件简介标题 -->
|
|
<div class="title">
|
|
<img src="Images/title-01.jpg">
|
|
</div>
|
|
<!-- 文字简介内容 -->
|
|
<div class="content">
|
|
<img src="Images/bg-2.jpg">
|
|
</div>
|
|
</div>
|
|
<!-- 截图简介 -->
|
|
<div class="photoIntroduction">
|
|
<!-- 截图简介标题 -->
|
|
<div class="title">
|
|
<img src="Images/title-02.jpg">
|
|
</div>
|
|
<!-- 截图简介内容 -->
|
|
<div class="content">
|
|
<img src="Images/bg-3.jpg">
|
|
<div class="rotationChart">
|
|
<div class="screen">
|
|
<ul id="typeul">
|
|
<li class="pic"><img src="Images/img-01.jpg"></li>
|
|
<li class="pic"><img src="Images/img-02.jpg"></li>
|
|
<li class="pic"><img src="Images/img-03.jpg"></li>
|
|
</ul>
|
|
<ol></ol>
|
|
</div>
|
|
</div>
|
|
<div class="arr">
|
|
<span class="left"></span>
|
|
<span class="right"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 二维码下载 -->
|
|
<div class="download">
|
|
<img class="bg" src="Images/bg-4.jpg">
|
|
<img class="qrCode" src="Images/code.png">
|
|
</div>
|
|
</div>
|
|
<!-- 底部版本号 -->
|
|
<footer class="footer">
|
|
<i></i>
|
|
<div>
|
|
<p>
|
|
<span>乐谷游戏2008-2020</span>
|
|
<span>鄂ICP备16020158</span>
|
|
</p>
|
|
<p>
|
|
<span>鄂B2-20170005</span>
|
|
<span>鄂网文【2016】1339-037号</span>
|
|
</p>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</body>
|
|
<script src="JS/animate.js"></script>
|
|
</html>
|
|
<script>
|
|
|
|
var u = navigator.userAgent;
|
|
console.log(u);
|
|
if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {
|
|
//安卓手机
|
|
|
|
} else if (u.indexOf('iPhone') > -1) {
|
|
//苹果手机
|
|
document.getElementById('typeul').className = 'iosul';
|
|
} else if (u.indexOf('Windows Phone') > -1) {
|
|
//winphone手机
|
|
console.log("winphone手机");
|
|
}
|
|
|
|
function shutdown() {
|
|
// console.log(11)
|
|
WeixinJSBridge.call('closeWindow');
|
|
};
|
|
|
|
</script> |