JavaScript网页版趣味拼图游戏

2024-09-05 12:21:00

字体：大中小

来源：转载

供稿：网友

基于JavaScript的网页版趣味拼图游戏，小时候经常玩哦，游戏规则：当一幅图片旁边有空白区时可单击此图片便之移动，直到左边12幅小图片组合成右边的图像为止。开发智力，娱乐休闲。

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>JS趣味拼图</title></head><body><p align="center"><br><font color="#800000"><big><big><big><big><big><big><strong>趣味拼图</strong></big></big></big></big></big></big></font></p><dl>  <dd align="right"><table border="0" width="100%" cellspacing="3" cellpadding="3">      <tr>        <td width="50%"><table border="1" width="67%" height="127" cellspacing="0" cellpadding="0">          <tr>            <td width="20%" align="left" height="95"><img src="../a"%20onMouseDown="MoveImage(0,0,1,0,4)"%20width="95"%20height="95"></td>%20%20%20%20%20%20%20%20%20%20%20%20<td%20width="20%"%20align="left"%20height="95"><img%20src="../a"%20onMouseDown="MoveImage(1,1,1,0,4)"%20width="95"%20height="95"></td>%20%20%20%20%20%20%20%20%20%20%20%20<td%20width="20%"%20align="left"%20height="95"><img%20src="../a"%20onMouseDown="MoveImage(2,1,1,0,4)"%20width="95"%20height="95"></td>%20%20%20%20%20%20%20%20%20%20%20%20<td%20width="20%"%20align="left"%20height="95"><img%20src="../a"%20onMouseDown="MoveImage(3,1,0,0,4)"%20width="95"%20height="95"></td>%20%20%20%20%20%20%20%20%20%20%20%20<td%20width="20%"%20align="left"%20height="143"%20rowspan="2"><dl>%20%20%20%20%20%20%20%20%20%20%20%20%20%20<dt><font%20color="#FF0000">规则：</font></dt>%20%20%20%20%20%20%20%20%20%20%20%20</dl>%20%20%20%20%20%20%20%20%20%20%20%20<p><font%20color="#0000FF">当一幅图片旁边有空白区时可单击此图片便之移动，直到左边12幅小图片组合成右边的图像为止</font>。</td>%20%20%20%20%20%20%20%20%20%20</tr>%20%20%20%20%20%20%20%20%20%20<tr>%20%20%20%20%20%20%20%20%20%20%20%20<td%20width="20%"%20align="left"%20height="48"><img%20src="../a"%20onMouseDown="MoveImage(4,0,1,4,4)"%20width="95"%20height="95"></td>%20%20%20%20%20%20%20%20%20%20%20%20<td%20width="20%"%20align="left"%20height="48"><img%20src="../a"%20onMouseDown="MoveImage(5,1,1,4,4)"%20width="95"%20height="95"></td>%20%20%20%20%20%20%20%20%20%20%20%20<td%20width="20%"%20align="left"%20height="48"><img%20src="../a"%20onMouseDown="MoveImage(6,1,1,4,4)"%20width="95"%20height="95"></td>%20%20%20%20%20%20%20%20%20%20%20%20<td%20width="20%"%20align="left"%20height="48"><img%20src="../a"%20onMouseDown="MoveImage(7,1,0,4,4)"%20width="95"%20height="95"></td>%20%20%20%20%20%20%20%20%20%20</tr>%20%20%20%20%20%20%20%20%20%20<tr>%20%20%20%20%20%20%20%20%20%20%20%20<td%20width="20%"%20align="left"%20height="1"><img%20src="../a"%20onMouseDown="MoveImage(8,0,1,4,0)"%20width="95"%20height="95"></td>%20%20%20%20%20%20%20%20%20%20%20%20<td%20width="20%"%20align="left"%20height="1"><img%20src="../a"%20onMouseDown="MoveImage(9,1,1,4,0)"%20width="95"%20height="95"></td>%20%20%20%20%20%20%20%20%20%20%20%20<td%20width="20%"%20align="left"%20height="1"><img%20src="../a"%20onMouseDown="MoveImage(10,1,1,4,0)"%20width="95"%20height="95"></td>%20%20%20%20%20%20%20%20%20%20%20%20<td%20width="20%"%20align="left"%20height="1"><img%20src="../a"%20onMouseDown="MoveImage(11,1,1,4,0)"%20width="95"%20height="95"></td>%20%20%20%20%20%20%20%20%20%20%20%20<td%20width="20%"%20align="left"%20height="1"><img%20src="../a"%20onMouseDown="MoveImage(12,1,0,0,0)"%20width="95"%20height="95"></td>%20%20%20%20%20%20%20%20%20%20</tr>%20%20%20%20%20%20%20%20</table>%20%20%20%20%20%20%20%20</td>%20%20%20%20%20%20%20%20<td%20width="50%"><img%20src="http://www.vevb.com/jscss/demoimg/201102/IMAGE007.JPG" WIDTH="227" HEIGHT="170"><dl>          <div align="center"><center>          <dt><font face="隶书" color="#FF0000"><big><big><big><big><big><big><big><big>样图</big></big></big></big></big></big></big></big></font></dt>          </center></div>        </dl>        </td>      </tr>    </table>    <p><br>    </p>  </dd>  <script>index=new Array(1,1,1,1,1,1,1,1,1,1,1,1,0);for(i=0;i<13;i++){document.images[i].src="http://www.vevb.com/jscss/demoimg/201102/C_"+i+".JPG";}function MoveImage(imageIndex,D1,D2,D3,D4){if(index[imageIndex-D1]==0)moveTo(imageIndex,imageIndex-D1);if(index[imageIndex+D2]==0)moveTo(imageIndex,imageIndex+D2);if(index[imageIndex-D3]==0)moveTo(imageIndex,imageIndex-D3);if(index[imageIndex+D4]==0)moveTo(imageIndex,imageIndex+D4);}function moveTo(image1,image2){Img=new Image();Img.src=document.images[image2].srcdocument.images[image2].src=document.images[image1].src;document.images[image1].src=Img.src;index[image2]=1;index[image1]=0;}</script></dl></body></html>

上一篇：抢占地盘，Js网页游戏特效

下一篇：网页版：俄罗斯方块游戏