很奇怪的前端游戏小疑点
日期：2014-05-17 浏览次数：20748 次
很奇怪的前端游戏小问题
//问题在于，每次隐藏的都是第九头牛。如果你想帮我调试一下的话麻烦你照一张小图片，名字改成cow.jpg，这样就可以了。
[code=HTML][/code]<!DOCTYPE HTML>
<html>
<head>
<meta charset="gb2312"/>
<script src="jquery-1.7.2.js"></script>
<style>
div#frame{
margin:100px auto;
border:2px solid skyblue;
width:300px;
height:300px;
padding:10px;
}
div#one div,div#two div ,div#thr div{
float:left;
margin:10px;
display:block;
}
input#begin{
margin:50px auto;
}
span{
margin:0 auto;
font-size:12px;
}
</style>
</head>
<body>
<div id="frame">
<div id="one">
<div id="a"><img src="cow.png"/></div>
<div id="b"><img src="cow.png"/></div>
<div id="c"><img src="cow.png"/></div>
</div>
<div id="two">
<div id="d"><img src="cow.png"/></div>
<div id="e"><img src="cow.png"/></div>
<div id="f"><img src="cow.png"/></div>
</div>
<div id="thr">
<div id="g"><img src="cow.png"/></div>
<div id="h"><img src="cow.png"/></div>
<div id="i"><img src="cow.png"/></div>
</div>
</div>
<span></span>
<input type="button" value="游戏开始" id="begin"/>
<script>
function getRandom(){ //此方法用于产生1-9的随机数
return Math.floor(Math.random()*9+1);
}
function hide(r){//根据产生的随机数，隐藏一头牛，r就是传进来的随机数
if(r==1)
{
$("div#a").css("display","none");setTimeout(function(){$("div#a").css("display","block");},1000);//隐藏第一头牛，一秒钟以后恢复，一下相同
}
else if(r==2)
{
$("div#b").css("display","none");setTimeout(function(){$("div#b").css("display","block");},1000);
}
else if(r==3)
{
$("div#c").css("display","none");setTimeout(function(){$("div#c").css("display","block");},1000);
}
else if(r==4)
{
$("div#d").css("display","none");setTimeout(function(){$("div#d").css("display","block");},1000);
}
else if(r==5)
{
$("div#e").css("display","none");setTimeout(function(){$("div#e").css("display","block");},1000);
}
else if(r==6)
{
$("div#f").css("display","none");setTimeout(function(){$("div#f").css("display","block");},1000);
}
else if(r==7)
{
$("div#g").css("display","none");setTimeout(function(){$("div#g").css("display","block");},1000);
}
else if(r==8)
{
$("div#h").css("display","none");setTimeout(function(){$("div#h").css("display","block");},1000);
}
else if(r==9)
{
$("div#i").css("displa
//问题在于，每次隐藏的都是第九头牛。如果你想帮我调试一下的话麻烦你照一张小图片，名字改成cow.jpg，这样就可以了。
[code=HTML][/code]<!DOCTYPE HTML>
<html>
<head>
<meta charset="gb2312"/>
<script src="jquery-1.7.2.js"></script>
<style>
div#frame{
margin:100px auto;
border:2px solid skyblue;
width:300px;
height:300px;
padding:10px;
}
div#one div,div#two div ,div#thr div{
float:left;
margin:10px;
display:block;
}
input#begin{
margin:50px auto;
}
span{
margin:0 auto;
font-size:12px;
}
</style>
</head>
<body>
<div id="frame">
<div id="one">
<div id="a"><img src="cow.png"/></div>
<div id="b"><img src="cow.png"/></div>
<div id="c"><img src="cow.png"/></div>
</div>
<div id="two">
<div id="d"><img src="cow.png"/></div>
<div id="e"><img src="cow.png"/></div>
<div id="f"><img src="cow.png"/></div>
</div>
<div id="thr">
<div id="g"><img src="cow.png"/></div>
<div id="h"><img src="cow.png"/></div>
<div id="i"><img src="cow.png"/></div>
</div>
</div>
<span></span>
<input type="button" value="游戏开始" id="begin"/>
<script>
function getRandom(){ //此方法用于产生1-9的随机数
return Math.floor(Math.random()*9+1);
}
function hide(r){//根据产生的随机数，隐藏一头牛，r就是传进来的随机数
if(r==1)
{
$("div#a").css("display","none");setTimeout(function(){$("div#a").css("display","block");},1000);//隐藏第一头牛，一秒钟以后恢复，一下相同
}
else if(r==2)
{
$("div#b").css("display","none");setTimeout(function(){$("div#b").css("display","block");},1000);
}
else if(r==3)
{
$("div#c").css("display","none");setTimeout(function(){$("div#c").css("display","block");},1000);
}
else if(r==4)
{
$("div#d").css("display","none");setTimeout(function(){$("div#d").css("display","block");},1000);
}
else if(r==5)
{
$("div#e").css("display","none");setTimeout(function(){$("div#e").css("display","block");},1000);
}
else if(r==6)
{
$("div#f").css("display","none");setTimeout(function(){$("div#f").css("display","block");},1000);
}
else if(r==7)
{
$("div#g").css("display","none");setTimeout(function(){$("div#g").css("display","block");},1000);
}
else if(r==8)
{
$("div#h").css("display","none");setTimeout(function(){$("div#h").css("display","block");},1000);
}
else if(r==9)
{
$("div#i").css("displa
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
