<!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%;
}
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
HTML5小游戏【滑你妹hnm--425款经典优秀H5小游戏合集】游戏源码分享下载 --- hnm.zipHTML5小游戏【滑你妹hnm--425款经典优秀H5小游戏合集】游戏源码分享下载 --- hnm.zipHTML5小游戏【滑你妹hnm--425款经典优秀H5小游戏合集】游戏源码分享下载 --- hnm.zipHTML5小游戏【滑你妹hnm--425款经典优秀H5小游戏合集】游戏源码分享下载 --- hnm.zipHTML5小游戏【滑你妹hnm--425款经典优秀H5小游戏合集】游戏源码分享下载 --- hnm.zipHTML5小游戏【滑你妹hnm--425款经典优秀H5小游戏合集】游戏源码分享下载 --- hnm.zipHTML5小游戏【滑你妹hnm--425款经典优秀H5小游戏合集】游戏源码分享下载 --- hnm.zipHTML5小游戏【滑你妹hnm--425款经典优秀H5小游戏合集】游戏源码分享下载 --- hnm.zipHTML5小游戏【滑你妹hnm--425款经典优秀H5小游戏合集】游戏源码分享下载 --- hnm.zipHTML5小游戏【滑你妹hnm--425款经典
资源推荐
资源详情
资源评论
收起资源包目录
hnm.zip (27个子文件)
hnm
styles
main.css 14KB
mp3
lastplaying.mp3 3KB
play.mp3 937KB
whistle.mp3 13KB
index.html 16KB
images
finger.png 3KB
ttt-2.png 3KB
tt-4.png 3KB
ttt-4.png 4KB
home.png 75KB
tt-1.png 3KB
bg-2.png 7KB
clock.png 2KB
help.png 6KB
bg-1.png 7KB
bg-2 (1).png 7KB
ttt-3.png 4KB
ttt-1.png 4KB
begin.png 18KB
tt-3.png 3KB
tt-2.png 3KB
share1.png 29KB
icon.png 2KB
scripts
createjs.js 149KB
common.js 2KB
main.js 44KB
jquery.min.js 70KB
共 27 条
- 1
资源评论
程序员SUMER
- 粉丝: 5263
- 资源: 229
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功