基于jQuery实现自由打乱次序拼图游戏



99 395 132



特效描述:基于jQuery实现 自由打乱次序 拼图游戏,基于jQuery实现自由打乱次序拼图游戏

代码结构

1. 引入CSS

<link href="css/zzsc.css" type="text/css" rel="stylesheet" />

2. 引入JS

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/zzsc.js"></script>

3. 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>
<div style="text-align:center;clear:both">
</div>



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


热门标签: 小游戏 H5游戏 游戏源码 手机游戏 微信游戏 网页游戏 拼图游戏 H5拼图游戏 拼图游戏源码
×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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