一款jQuery拼图小游戏,难度可调,非常好玩,免费下载。
使用方法
在页面引入jquery.min.js、jq22.js文件
<script src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jq22.js"></script>
HTML结构
<div class="wrap"> <div class="play_wrap"> <div id="play_area"></div> </div> <div class="play_menu"> <a id="play_btn_start" class="play_btn" href="javascript:void(0);" unselectable="on">开始</a> <a id="play_btn_level" class="play_btn" href="javascript:void(0);" unselectable="on"> <span class="level_text">4 x 4</span> <span class="level_icon"></span> </a> <div class="level_menu" id="play_menu_level"> <ul> <li> <a href="javascript:void(0);" level=0 >3 x 3</a> </li> <li> <a href="javascript:void(0);" level=1 >4 x 4</a> </li> <li> <a href="javascript:void(0);" level=2 >6 x 6</a> </li> </ul> </div> <p>完成:<span id="play_score">0</span></p> <p>交换:<span id="play_count">0</span></p> <p>说明:<br> -点击开始,小图片将随机打乱;<br> -拖动小图片可交换位置,顺序完全正确则为成功;<br> -难度分“3x3”、“4x4”、“6x6”三级;<br> -对应的分值为100、200、400; </p> </div> </div>