白开心
  IT博客 :: 首页 ::  :: 联系 :: 聚合  :: 管理 ::
  9 随笔 :: 76 文章 :: 28 评论 :: 0 Trackbacks
拼图游戏(javascript)(05_5)

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="javascript">
var imgPath;
imgPath = "http://localhost/MM/" 
function CheckSuccess(){
 var imgSrc;
 iCount=0;
 var aaa;
 for(i=1;i<4;i++){
  for(j=1;j<4;j++){
  aaa="document.all.img"+i+"_"+j+".src";
  imgSrc=imgPath + "images/"+i+"_"+j+".gif";
   if(document.all("img"+i+"_"+j).src==imgSrc)
    iCount=iCount+1;
  }
 }
 if(iCount==9){
 document.all.ImgDiv.innerHTML="<img src=images/meinv.jpg>";
 alert("恭喜你，做对了");
 }
}

function CheckUp(){
var imgsrc;
thisCount=0;
if(document.all.img0_1.src==imgPath){
 document.all.img0_1.src=document.all.img1_1.src;
 document.all.img1_1.src=imgPath;
 CheckSuccess();
}
else{
 for(i=1;i<4;i++){
  for(j=1;j<4;j++){
   if(document.all("img"+i+"_"+j).src==imgPath && thisCount==0){
    thisCount=thisCount+1;
    imgsrc=document.all("img"+(i+1)+"_"+j).src;
    document.all("img"+i+"_"+j).src=imgsrc;
    document.all("img"+(i+1)+"_"+j).src=imgPath;
    break;

   }
  }
 }
}
}
function CheckDown(){
var imgsrc;
 for(i=1;i<4;i++){
  for(j=1;j<4;j++){
   if(document.all("img"+i+"_"+j).src==imgPath){
    imgsrc=document.all("img"+(i-1)+"_"+j).src;
    document.all("img"+i+"_"+j).src=imgsrc;
    document.all("img"+(i-1)+"_"+j).src=imgPath;
    CheckSuccess();   //往下，只有此处需要判断是否成功
    break;
   }
  }
 }
}
function CheckLeft(){
var imgsrc;
 for(i=1;i<4;i++){
  for(j=1;j<4;j++){
   if(document.all("img"+i+"_"+j).src==imgPath){
    imgsrc=document.all("img"+i+"_"+(j+1)).src;
    document.all("img"+i+"_"+j).src=imgsrc;
    document.all("img"+i+"_"+(j+1)).src=imgPath;
   }
  }
 }
}
function CheckRight(){
var imgsrc;
 for(i=1;i<4;i++){
  for(j=1;j<4;j++){
   if(document.all("img"+i+"_"+j).src==imgPath){
    imgsrc=document.all("img"+i+"_"+(j-1)).src;
    document.all("img"+i+"_"+j).src=imgsrc;
    document.all("img"+i+"_"+(j-1)).src=imgPath;
   }
  }
 }
}
</script>
</head>

<body onLoad="CheckSuccess()">
<div id="ImgDiv" align="center">
<table cellpadding="0" cellspacing="0" style="word-break:break-all" bordercolorlight="#D8DFE0" bordercolordark="#444444" border="1" align="center" width="304" height="449">
<tr>
 <td width="100" id="txt0_1" height="100" align="center">
 <img src="images/1_1.gif" id="img0_1" border="0">
 </td>
 <td width="100" style="display:none" align="center">&nbsp;
 
 </td>
 <td style="display:none" width="100" align="center">&nbsp;
 
 </td>
</tr>
<tr>
 <td width="100" height="100" id="txt1_1" align="center">
 <img src="" id="img1_1" border="0">
 </td>
 <td width="100" id="txt1_2" align="center">
 <img src="images/2_1.gif" id="img1_2" border="0">
 </td>
 <td width="100" id="txt1_3" align="center">
 <img src="images/3_1.gif" id="img1_3" border="0">
 </td>
</tr>
<tr>
 <td width="100" id="txt2_1" height="100" align="center">
 <img src="images/1_2.gif" id="img2_1" border="0">
 </td>
 <td width="100" id="txt2_2" align="center">
 <img src="images/2_2.gif" id="img2_2" border="0">
 </td>
 <td width="100" id="txt2_3" align="center">
 <img src="images/3_2.gif" id="img2_3" border="0">
 </td>
</tr>
<tr>
 <td width="100" id="txt3_1" height="100" align="center">
 <img src="images/1_3.gif" id="img3_1" border="0">
 </td>
 <td width="100" id="txt3_2" align="center">
 <img src="images/2_3.gif" width="100" height="100" border="0" id="img3_2">
 </td>
 <td width="100" id="txt3_3" align="center">
 <img src="images/3_3.gif" id="img3_3" border="0">
 </td>
</tr>
</table>
<table align="center" width="40%">
<tr>
 <td align="center" id="up" style="">
 <a href="#" onClick="javascript:CheckUp();">上</a>
 </td>
 <td align="center" id="down" style="">
 <a href="#" onClick="javascript:CheckDown();">下</a>
 </td>
 <td align="center" id="left" style="">
 <a href="#" onClick="javascript:CheckLeft();">左</a>
 </td>
 <td align="center" id="right" style="">
 <a href="#" onClick="javascript:CheckRight();">右</a>
 </td>
</tr>
</table>
</div>
</body>
</html>
posted on 2005-12-11 22:28 白开心 阅读(886) 评论(1)  编辑 收藏 引用 所属分类: JavaScript
只有注册用户登录后才能发表评论。