<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta charset="utf-8">
<meta name="keywords"
content="iPhone,Android,iPad,game,html5 game,puzzle game,puzzle,Puzzle,flick,card,postman,post,action,Flash,Flash for iPhone,html5,iPod touch,iPad">
<!-- Allow fullscreen mode on iOS devices. (These are Apple specific meta tags.) -->
<meta name="viewport"
content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
<meta name="HandheldFriendly" content="true" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<meta equiv="Expires" content="0">
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript">
(function(){
//updateShare(0);
})();
</script>
<title>滑你妹</title>
<style type="text/css">
.ad-w {
display: none;
background-color: #323232;
color: #fff;
position: absolute;
width: 100%;
height: 80px;
opacity: 0.8;
z-index: 100;
text-align: left;
}
.ad-w div{
position: static;
}
.ad-top-w {
top: 0;
}
.ad-bottom-w {
bottom: 0;
}
.ad-w .des {
float: left;
font-size: 12px;
padding-top: 15px;
}
.ad-w p.ad-title {
font-size: 16px;
}
.ad-w p {
line-height: 25px;
margin: 0px;
}
.ad-w img {
float: left;
margin: 15px 3% 15px 3%;
}
.ad-w span {
float: left;
font-size: 12px;
margin: 30px 0;
}
.ad-w a {
border: 1px solid #fff;
border-radius: 4px;
color: #fff;
height: 30px;
width: 60px;
float: right;
line-height: 30px;
text-align: center;
margin: 25px 3% 0 3%;
text-decoration: none;
position: static;
}
.ad-w-f {
display: none;
position: absolute;
width: 100%;
height: 55px;
z-index: 100;
}
.ad-top-w-f {
top: 0;
}
.ad-bottom-w-f {
bottom: 0;
}
#meiriq-share {
display: none;
}
#meiriq-share #meiriq-share-mask{
width: 100%;
height: 100%;
background: #0F0F0F;
position: absolute;
top: 0px;
left: 0px;
z-index: 105;
opacity: 0.6;
}
#meiriq-share #meiriq-share-image img{
position: absolute;
width: 100%;
top: 0px;
right: 0px;
}
#tips{
position: absolute;
width: 100%;
height: 40px;
line-height: 40px;
text-align: center;
background-color: #323232;
color: #FFF;
z-index: 101;
opacity: 0.7;
}
</style> <link rel="stylesheet" href="styles/main.css">
<script>
//
clientgender = 'm';
</script>
<script src="scripts/createjs.js"></script>
<style type="text/css">
/*html{
max-width: 600px;
position: absolute;
max-height: 100%;
}*/
@media screen and (min-width:320px) and (max-width:400px){
.showres{
font-size: .8em !important;
}
.tofriend{
font-size: .8em !important;
}
.toagain{
font-size: .8em !important;
}
}
body{
/*max-width: 600px;*/
position: absolute;
width: 100%;
height: 100%;
margin: 0;
-webkit-user-select: none;
/*background-color: #000;*/
}
.bodybg{
/*background: url(images/home.png) center center;*/
background-size: 100%;
}
img, ul, li, a{
display: block;
}
.start, .game, .result, .wxWindow{
position: absolute;
width: 100%;
min-height: 100%;
/*-webkit-transition: all .6s ease;*/
z-index: 1;
/*background-color: rgba(0,0,0,.6);*/
}
a{
position: absolute;
width: 100%;
height: 100%;
top: 0;
}
.hide {
visibility: hidden;
/*display: none;*/
/*top: 0%;*/
overflow: hidden;
/*width: 0;*/
/*height: 100%;*/
min-height: 100% !important;
max-height: 100% !important;
z-index: 0 !important;
}
.body{
position: relative;
width: 100%;
height: 100%;
/*max-width: 500px;*/
margin: 0 auto;
}
.bg1 {
background: url(images/bg-1.png) center bottom;
background-size: 100%;
}
.bg2 {
background: url(images/bg-2.png) center bottom;
background-size: 100%;
}
/*开始页面的设置*/
.start{
width: 100%;
height: 100%;
background: url(images/home.png) center center;
background-size: 100%;
}
.help{
position: absolute;
left: 25%;
/*bottom: 28%;*/
bottom: 37%;
width: 50%;
}
.help img{
/*width: 100%;*/
width: 70%;
margin-left: 15%;
position:relative;
top:10px;
}
.help .finger{
position: absolute;
left: 20%;
height: 100%;
width: 30%;
top: 0;
/*更改手指*/
background: url(images/finger.png) center center no-repeat;
background-size: 70% auto;
-webkit-animation: flash 2s infinite linear;
}
@-webkit-keyframes flash {
0% { -webkit-transform: translate3d(0, -10%, 0); opacity: 1;}
50% { -webkit-transform: translate3d(100%, -10%, 0); opacity: 0; }
51% { -webkit-transform: translate3d(0%, 56%, 0); opacity: 1;}
100% { -webkit-transform: translate3d(100%, 56%, 0); opacity: 0;}
}
.start .btn{
position: absolute;
width: 50%;
left: 25%;
bottom: 15%;
}
.start .btnmore{
position: absolute;
width: 50%;
left: 25%;
bottom: 3%;
}
#game2{
width: 100%;
height: 100%;
/*background: url(images/bg-5.jpg) center bottom;
background-size: 100%;*/
}
.game .title{
position: absolute;
top:0;
width: 100%;
}
.game .title .time{
font-size: 2.5em;
color: #fff;
position: absolute;
left: 50%;
margin-left: -0.5em;
}
.game .title .score{
top: 30%;
left: 78%;
width: 20%;
text-align: center;
display: block;
position: absolute;
}
.result{
width: 100%;
height: 100%;
/* background: url(images/r-bg.png) center top;*/
background-size: 100%;
color: #fff;
/*font-weight: bold;*/
}
.result .btn{
position: absolute;
width: 80%;
top: 63%;
left: 10%;
z-index: 10;
}
.win .btn{}
.lose .btn{
top: 38%;
}
.result .btn>div{
position: absolute;
top: 0;
height: 100%;
width: 47%;
z-index: 10;
}
.result .btn .b1{
left: 0;
}
.result .btn .b2{
right: 0;
}
.result .share-btn{
position: absolute;
width: 90%;
bottom: 8%;
height: auto;
overflow: hidden;
z-index: 10;
/* -webkit-transform: translate3d(-100%, 0, 0); */
/*-webkit-transition: all .6s ease;*/
left: 5%;
}
程序员SUMER
- 粉丝: 3954
- 资源: 213
最新资源
- ssqosid pdf 学习资料
- LabVIEW练习32,利用labview elapsed time(已用时间)定时设计输出一个方波
- 2R机械臂滑膜控制matlab代码(可执行)
- Verilog HDL程序设计与实践.pdf
- 给你一个包含n个整数的数组nums,并检查nums中是否有三个元素a、b和c使a+b+c=0?请查找总和为0且不重复的所有
- 该项目是一个完整的物联网项目,可用于各种作物和环境监测 该项目分为四个部分:(1)Web前端(使用Vue).js)(2)微信小
- 20241027_171937.m4a
- ColorPick Eyedropper 0.0.2.38版本 缩放吸管和颜色选择器工具,可让您从网页等中选择颜色值
- big data-峰会报告资源《png图片》
- big data-峰会报告资源(png图片)
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈