jquery拼图游戏简单的鼠标拖拽移动拼图游戏源码下载



266 1062 355



特效描述:拼图游戏 鼠标拖拽移动 拼图游戏源码,此特效对原始图片进行拆分、移动,做出拼图游戏的效果。(代码文件包括两个js文件,一个是以面向过程开发的形式编写,一个是以面向对象的形式编写,虽然不是很规范,但代码中的详细解释可以为学习者展现明确的思路和实现方式,可以为学习者树立学习js的信心)

代码结构

1. 引入CSS

<link rel="stylesheet" href="css/puzzleGame.css" />

2. 引入JS

<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script src="js/puzzleGame_process.js"></script>
<script type="text/javascript" src="js/puzzleGame_object.js"></script>

3. HTML代码

	<div id="wrap">
		<div id="left">
			<ul>
				<li id="start">
					开始游戏:<span>开始</span>
				</li>
				<li id="level">
					难度选择:<span>3x3</span>
				</li>
				<li id="gameRule">
					游戏介绍:
					<p>1、点击游戏难度以更改</p>
					<p>2、点击开始游戏,打乱图片</p>
					<p>3、交换图片位置,复原图片</p>
				</li>			
			</ul>
		</div>
		<div id="right">
			<div id="imgArea"></div>
		</div>
	</div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 加载动画 拖动 拖拽 拖动插件 拖拽插件 h5弹窗动画 html5弹窗动画 切换按钮 h5动画 h5背景动画 h5场景动画 h53D动画 h5界面动画 html5动画 表单 表单美化 表单插件 表单美化插件 h5按钮动画 html5按钮动画 h5图片动画 h5图标动画 html5图片动画 html5图标动画 拖动排序 拖拽排序 按钮控制

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到