<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta content="stick man,耍棍,小游戏,手机游戏,webAPP" name="Keywords">
<meta name="description" content="Webapp游戏新体验，Developed by woody">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>智商超过130的人才能玩到第40关哦</title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<script src="js/WeixinApi.js" type="text/javascript" charset="utf-8"></script>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="js/public.js" type="text/javascript" charset="utf-8"></script>
<style type="text/css">
<!--
.STYLE2 {
font-size: 18px;
color: #0000FF;
}
-->
</style>
</head>
<body>
<div class="point">
0
</div>
<!--
<div class="shouji">
<img src="img/bg1.png" class="img" />
</div>
-->
<div class="point">
0
</div>
<div class="tips">
将手放在屏幕,使竿变长,据说智商超过130的人,<br />
才能玩到第40关,您能到几关呢？<br />
把您的成绩截图发到李迎鑫-vinson<br />
超过180关李迎鑫-vinson赠送异彩玄亮唇彩一只<br />
免费试听彩妆课程一次<br />
<span class="STYLE2">关注李迎鑫-vinson</span> <br />
回复“最高分”即可知高手得分情况 & 奖品详情<br />
提示暂时无法提供服务，请再次回访“最高分”<br />
</div>
<div id="main">
<div class="wall">
</div>
<div class="wall new" style="left: 50%;">
</div>
<div class="stick"></div>
<div class="stickMan">
<!--<img src="img/stick.gif" width="5%"/>-->
<img src="images/stick_stand.png" width="5%"/>
</div>
</div>
<!-- 游戏结束弹层-->
<div class="gameOver">
<h3>游戏结束!</h3>
<div class="showPoint">
<p>分数</p>
<p class="newPoint">0</p>
<p>最佳</p>
<p class="bestPoint">0</p>
<p><a href="http://mp.weixin.qq.com/s?__biz=MzAxMjI3OTIxNA==&mid=205122602&idx=1&sn=27a0e30a97a3dc87c4b53de1a6c3690a#rd" target="_self" style=" font-size:18px; color:#0000FF">李迎鑫-vinson</a></p>
</div>
<div class="btn share">分享</div>
<div class="btn again">再玩一次</div>
</div>
<div id="mask">
<img src="images/share_img01.gif"/>
</div>
<div class="reloadImg" style="display: none;">
<img src="images/stick.gif" />
</div>
</body>
<script type="text/javascript">
var longStick;
var shortStick;
var screenWidth = document.documentElement.clientWidth;
var point = 0;
var speed = "5%";
function touchSatrtFunc(evt) {
if(point>=2){
$(".tips").hide();
}
evt.preventDefault();
document.addEventListener('touchend', touchEndFunc, false);
initStick();
//longStick = setInterval(function(){
// $('.stick').css({width:'+='+speed});
//},30);
getLong();
document.removeEventListener('touchstart', touchSatrtFunc, false);
}
function getLong() {
if(point>5){
//alert(point);
speed="5%";
}
longStick = setInterval(function() {
var stickWidth = getWidthNumber($('.stick').css('width'));
if(stickWidth<=screenWidth){
$('.stick').css({width:'+='+speed});
}else{
clearInterval(longStick);
getShort();
}
},30);
}
function getShort() {
if(point>5){
//alert(point);
speed="10%";
}
shortStick = setInterval(function() {
var stickWidth = getWidthNumber($('.stick').css('width'));
if(stickWidth>0){
$('.stick').css({width:'-='+speed});
}else{
clearInterval(shortStick);
getLong();
}
},30);
}
function getWidthNumber(ele){
if (ele) {
var WidthNumber = ele.substr(0,ele.length-2);
WidthNumber = Number(WidthNumber);
return WidthNumber;
}
}
function touchEndFunc(evt) {
clearBind();
evt.preventDefault();
clearInterval(longStick);
clearInterval(shortStick);
setTimeout(function(){
$('.stick').css('transition','.6s');
$('.stick').css('transform','rotate(0deg)');
setTimeout('checkStickLong.check()',600);
},200);
}
function touchMoveFunc(evt){
evt.preventDefault();
}
function initStick() {
$(".stick").css({'transition':'0','transform':'rotate(-90deg)','width':'0','left':'20%'});
}
function init(){
$(".stick").css({'transform-origin':'0 0','transform':'rotate(-90deg)'});
addBind();
document.addEventListener('touchmove', touchMoveFunc, false);
$(".again").click(function(){
$(".gameOver").css('display','none');
addBind();
$(".point,.tips").css('display','block');
point = 0;
speed="5%";
$(".point").html(point);
$(".wall").eq(0).css({'left':'0','width':'20%'});
$(".new").css({'left':'50%','width':'20%'});
$(".stick").css('transition','0')
$(".stick").css('width','0');
$(".stickMan").css({'left':'15.5%','bottom':'66.5%'});
$("body").css('background-position-x', '0');
$(".stickMan img").attr({'src':'images/stick_stand.png'});
$(".shouji").css({"left":"0%"});
});
$(".share").click(function(){
$("#mask").css('display','block');
});
$("#mask").click(function(){
$("#mask").css('display','none');
});
}
function addBind() {
document.addEventListener('touchstart', touchSatrtFunc, false);
}
function clearBind() {
document.removeEventListener('touchstart', touchSatrtFunc, false);
document.removeEventListener('touchend', touchEndFunc, false);
}
function orientationChange() {
switch(window.orientation) {
case 0:
addBind();
$("body").css('transform','');
break;
case -90:
clearBind();
alert("游戏要竖屏玩哟！！！");
$("body").css('transform','rotate(90deg)');
break;
case 90:
clearBind();
alert("游戏要竖屏玩哟！！！");
$("body").css('transform','rotate(-90deg)');
break;
case 180:
addBind();
$("body").css('transform','rotate(0deg)');
break;
}
}
$(document).ready(function(){
init();
orientationChange();
window.onorientationchange = orientationChange;
shareToWeixin();
})
</script>
</html>
jquery+html5小游戏(智商超过130的人才能玩到第40关哦)源码下载
5星 · 超过95%的资源 需积分: 9 113 浏览量
2015-05-26
17:52:37
上传
评论 5
收藏 49KB ZIP 举报 
jquery+html5小游戏(智商超过130的人才能玩到第40关哦).zip （8个子文件） 
css 
style.css 3KB images 
stick_stand.png 1KB
stick.gif 6KB share_img01.gif 3KB
index.html 7KB js jquery.min.js 81KB public.js 8KB WeixinApi.js 21KB资源评论
qq_300990732015-08-14不错，有参考价值。- qq_160488692015-08-06还可以，挺好玩
- haowangyou2015-07-27这个很不错，真的很好玩，谢谢了
alexah2015-12-29是网页版的，但我需要ios版的。
