用代码制作小游戏：简单制作给孩子幸福童年

原创

于 2020-01-06 12:43:54 发布 · 7.7k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#python #编程语言 #jquery #游戏 #制作教程

本文介绍如何利用jQuery创建一款简单的拼图游戏，通过代码结构、CSS引用、JS引入和HTML布局，让读者了解游戏制作过程，为孩子的童年增添乐趣。

利用jQuery实现拼图游戏：
在这里插入图片描述
代码结构

引入CSS

1.<link rel="stylesheet" href="css/index.css">

引入JS

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

<script type="text/javascript" src="js/index.js"></script>

HTML代码

<div class="wrap">

<div class="btnBbox">

<button class="btn" type="button">开始</button>

<div class="selectbox">

<button class="text">简单</button>

<ul class="box">

<li>简单</li>

<li>入门</li>

<li>中等难度</li>

<li>高难</li>

<li>外星人</li>

</ul>

</div>

</div>

<div class="picBox">

<ul class="list"></ul>

</div>

</div>

<div style="