利用jQuery实现鼠标拖拽拼图游戏特效



132 527 176



特效描述:利用jQuery实现 鼠标拖拽 拼图游戏,利用jQuery实现鼠标拖拽拼图游戏特效

代码结构

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>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>



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


热门标签: 拖动 拖拽 拖动插件 拖拽插件 小游戏 H5游戏 游戏源码 手机游戏 微信游戏 网页游戏 图片拖动 图片拖拽 拼图游戏 H5拼图游戏 拼图游戏源码
×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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