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

利用jQuery实现拼图游戏: 代码结构

  1. 引入CSS
1.<link rel="stylesheet" href="css/index.css">
  1. 引入JS
<script type="text/javascript" src="js/jquery.min.js"></script>

<script type="text/javascript" src="js/index.js"></script>
  1. 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="text-align:center;margin:2px 0; font:normal 14px/24px MicroSoft YaHei;">

</div>

为自己的孩子亲自制作简单的拼图,让孩子崇拜吧。

经验分享 程序员 微信小程序 职场和发展