init
This commit is contained in:
162
index.html
Normal file
162
index.html
Normal file
@@ -0,0 +1,162 @@
|
||||
<!--
|
||||
* 冰雪传奇H5
|
||||
* 2022 XX信息科技有限公司
|
||||
*
|
||||
* @author 123456
|
||||
* @wx 123456
|
||||
* @qq 123456
|
||||
-->
|
||||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta content="yes" name="apple-mobile-web-app-capable">
|
||||
<meta content="black" name="apple-mobile-web-app-status-bar-style">
|
||||
<meta content="telephone=no" name="format-detection">
|
||||
<meta content="email=no" name="format-detection">
|
||||
<meta name="screen-orientation" content="portrait">
|
||||
<meta name="x5-orientation" content="portrait">
|
||||
<meta name="full-screen" content="yes">
|
||||
<meta name="x5-fullscreen" content="true">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="renderer" content="webkit">
|
||||
<title>清渊传奇 经典复古 轻松打金</title>
|
||||
<meta name="description" content="传奇霸主 1.76复古版本，刀刀切割，炫酷时装">
|
||||
<meta name="keywords" content="传奇霸主1.76复古版本 刀刀切割 炫酷时装">
|
||||
<style type="text/css">
|
||||
body,html,p,a,div,img{margin:0px;padding:0px}
|
||||
body{background:#000}
|
||||
ul, li { list-style: none; }
|
||||
img{border:none;display:block;width:100%;}
|
||||
a{text-decoration:none;display:block}
|
||||
|
||||
body { font-size:14px; }
|
||||
|
||||
.wrap{width:100%;margin:0 auto}
|
||||
|
||||
.top{ display: none; /*width:600px;position:fixed;top:0;z-index:999;left:0*/}
|
||||
|
||||
.container { position: relative; }
|
||||
.logo {
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
top: 8%;
|
||||
}
|
||||
.menu-list {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
.menu-list li {width: 95px; float: left; text-align: center;}
|
||||
.menu-list a { color: #ccc; font-size: 12px; text-align: center;}
|
||||
.menu-list a:hover{ color: #e1bc98; }
|
||||
.menu-list span{ font-family: Arial; color: #999; font-size: 12px; text-align: center; }
|
||||
.enter_game {
|
||||
background: transparent url(static/img/enter_game.png) no-repeat;
|
||||
background-size: 100%;
|
||||
display: block;
|
||||
width: 54%;
|
||||
height: 20%;
|
||||
position: absolute;
|
||||
bottom: 13%;
|
||||
left: 23%;
|
||||
transform: translate(-50%, -50%);
|
||||
text-align: center;
|
||||
}
|
||||
.enter_game:active {
|
||||
background-size: 98%;
|
||||
background-position-x: 3px;
|
||||
}
|
||||
.enter_game{
|
||||
-webkit-animation: enter_game_eff 1s linear alternate infinite;
|
||||
animation: enter_game_eff 1s linear alternate infinite;
|
||||
}
|
||||
@-webkit-keyframes enter_game_eff{
|
||||
0%{-webkit-transform:scale(0.9);}
|
||||
100%{-webkit-transform:scale(1);}
|
||||
}
|
||||
@keyframes enter_game_eff{
|
||||
0%{transform:scale(0.9);}
|
||||
100%{transform:scale(1);}
|
||||
}
|
||||
|
||||
.pr{position:relative}
|
||||
.dw{position:absolute;right:3%;width:28%;height:100%;top:0}
|
||||
.dw1{position:absolute;left:50%;width:30%;top:2%;margin-left:-15%;height:32%}
|
||||
.dw2{position:absolute;left:50%;width:50%;bottom:40%;margin-left:-25%;height:60%}
|
||||
|
||||
.footer { text-align:center;color:#6b6b6b; padding: 20px 0 50px; }
|
||||
|
||||
@media screen and (max-width:600px) {
|
||||
.wrap{width:100%;}
|
||||
}
|
||||
@media screen and (min-width:600px) {
|
||||
body { background: url(static/mobile/img/bg.jpg) no-repeat center top; background-attachment: fixed; background-size: cover; }
|
||||
.wrap{width:580px;}
|
||||
.menu-list { top: 75px; }
|
||||
.menu-list li {width: 129px;}
|
||||
.menu-list a { font-size: 14px; }
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
document.onkeydown = document.onkeyup = document.onkeypress = function(event) {
|
||||
var e = event || window.event || arguments.callee.caller.arguments[0];
|
||||
if (e && e.keyCode == 123) {
|
||||
e.returnValue = false;
|
||||
return (false);
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">
|
||||
<div class="wrap">
|
||||
<div class="top">
|
||||
<img src="static/mobile/img/top.jpeg">
|
||||
<a href="/play" class="dw"></a>
|
||||
</div>
|
||||
<div class="container">
|
||||
<img src="static/mobile/img/01.jpeg" alt="">
|
||||
<img src="static/img/logo.png" class="logo">
|
||||
<ul class="menu-list" id="menu" style="display: none;">
|
||||
<li><a href="home.html" target="_blank">官网首页<br><span>HOME</span></a></li>
|
||||
<li><a href="play" target="_blank">开始游戏<br><span>PLAY</span></a></li>
|
||||
<li><a href="javascript:void(0);" id="kf">在线客服<br><span>QQ</span></a></li>
|
||||
</ul>
|
||||
<a href="/play" target="_blank" class="enter_game"></a>
|
||||
</div>
|
||||
<img src="static/mobile/img/03.gif" alt="">
|
||||
<div class="pr">
|
||||
<img src="static/mobile/img/02.gif" alt="">
|
||||
<a href="/ios/" class="dw1"></a>
|
||||
</div>
|
||||
<div class="pr">
|
||||
<img src="static/mobile/img/04.gif" alt="">
|
||||
<a href="/ios/" class="dw2"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<p>2022 © XX信息技术有限公司</p>
|
||||
</div>
|
||||
<script src="static/js/jquery.js"></script>
|
||||
<script src="static/js/common.js?v=1"></script>
|
||||
<script>
|
||||
$(function() {
|
||||
$('#kf').click(function() {
|
||||
if(isMobile()) {
|
||||
var qqUrl = 'http://wpa.qq.com/msgrd?v=3&uin=123456&site=qq';
|
||||
window.location.href = qqUrl;
|
||||
} else {
|
||||
window.open('http://wpa.qq.com/msgrd?v=3&uin=123456&site=qq');
|
||||
}
|
||||
});
|
||||
/*setTimeout(function() {
|
||||
$('#menu').show();
|
||||
}, 1e3);*/
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user