基本信息
源码名称：js 数字拼图游戏源码下载
源码大小：0.06M
文件格式：.zip
开发语言：js
更新时间：2017-05-13
   友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

     嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300

本次赞助数额为： 2 元　
   源码介绍 

数字拼图小游戏
		1：可选择拼图大小（3*3，4*4， n*n）
		2: 可更换任意图片
		3：可配置是否显示数字
		4：可记录拼图过程

<!DOCTYPE HTML>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<title>Hello Jun</title>
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<style rel="stylesheet">
		.puzzle{width:210px;height:210px;position:relative;border:10px solid #ccc;border-radius:5px;}
		.puzzle-in{position:relative;margin:1%;height:99%;width:99%}
		.puzz-item{position:absolute;width:70px;height:70px;text-align:center;}
		.puzz-item p{color:#000;font-size:24px;position:absolute;top:50%;margin-top:-8px;left:50%;margin-left:-8px;}
	</style>
	<script src="js/Jun.js"></script>
	<script src="js/Jun.dom.js"></script>
	<script src="js/puzz.js"></script>
</head>
<body>
	<div class="container-fluid">
    <div class="sidebar">
      ...
    </div>
    <div class="content">
	  <div class="row">
		<div class="span5">
			<h2>3*3 210 拼数字</h2>
			<div class="puzzle" id="puzzle" ></div>
			<div style="margin-top:10px;"><input type="button" class="btn" value="重开" onclick="game.shuffle();" /></div>
		</div>
		<div class="span5">
			<h2>5*5 300 拼数字</h2>
			<div class="puzzle" id="puzzle2" style="width:300px;height:300px;" ></div>
			<div style="margin-top:10px;"><input type="button" class="btn" value="重开" onclick="game2.shuffle();" /></div>
		</div>
	  </div>
	  <div class="row">
		<div class="span5">
			<h2>3*3 210 拼图片</h2>
			<div class="puzzle" id="puzzle3" ></div>
			<div style="margin-top:10px;"><input type="button" class="btn" value="重开" onclick="game3.shuffle();" /></div>
		</div>
		<div class="span5">
			<h2>5*5 300 拼图片</h2>
			<div class="puzzle" id="puzzle4" style="width:300px;height:300px;" ></div>
			<div style="margin-top:10px;"><input type="button" class="btn" value="重开" onclick="game4.shuffle();" /></div>
		</div>
	  </div>
    </div>
  </div>
  
	<script>
		//images/mihee_210.jpg
		var game = new Puzzie('puzzle', 210, 210, 'images/mihee_210.jpg', 3, true);
		game.start();
		Jun.mix(game, PuzzTest);
		
		//var game2 = new Puzzie('puzzle2', 300, 300, 'images/mihee_300.jpg', 5, true);
		//game2.start();
		
		//var game3 = new Puzzie('puzzle3', 210, 210, 'images/mihee_210.jpg', 3, false);
		//game3.start();
		
		//var game4 = new Puzzie('puzzle4', 300, 300, 'images/mihee_300.jpg', 5, false);
		//game4.start();
	</script>
</body>
</html>