投稿 搜索

热搜词

热门文章

当前位置: 站长天下 / 图片相册背景 / jQuery拼图游戏特效插件下载
jQuery拼图游戏特效插件下载
标签:

插件介绍

    一款jQuery拼图小游戏,难度可调,非常好玩,免费下载。

    浏览器兼容性

    浏览器兼容性
    时间:2018-07-21
    阅读:

jQuery拼图游戏特效插件下载

简要教程

一款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>