九宮格拼圖小游戲是小時候比較常見的小游戲之一。閑著無聊就用js簡單寫了一個。

游戲的玩法很簡單。九宮格中有八個小圖片。隨機(jī)打亂之后,將八張小圖片拼接成一個完整的圖。
html代碼
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><style> body{ border: 0; } .out{ width: 606px; height: 606px; margin: 0 auto; border: 1px solid black; } .in{ width: 200px; height: 200px; background-color:red; float: left; border: 1px solid black; } .no_see{ width: 200px; height: 200px; background-color:white; float: left; border: 1px solid black; } .btn{ width: 50px; height: 25px; margin: 50px auto; } .begin{ width: 50px; height: 25px; }</style><head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>my game</title></head><body> <div class="out"> <div class="in"><img src="1.png" alt="" /></div> <div class="in"><img src="2.png" alt="" /></div> <div class="in"><img src="3.png" alt="" /></div> <div class="in"><img src="4.png" alt="" /></div> <div class="in"><img src="5.png" alt="" /></div> <div class="in"><img src="6.png" alt="" /></div> <div class="in"><img src="7.png" alt="" /></div> <div class="in"><img src="8.png" alt="" /></div> <div class='no_see'></div> </div></body></html>這里使用div來布局。具體實(shí)現(xiàn)就不 主站蜘蛛池模板: 古浪县| 疏勒县| 砚山县| 涿鹿县| 沙坪坝区| 福建省| 昭平县| 双牌县| 新泰市| 营口市| 赣榆县| 上思县| 汉源县| 岢岚县| 呼图壁县| 衡南县| 大同市| 习水县| 微山县| 自贡市| 朝阳市| 合肥市| 饶阳县| 镶黄旗| 芜湖县| 隆尧县| 新营市| 额尔古纳市| 廉江市| 太和县| 古蔺县| 扎鲁特旗| 花莲市| 于都县| 文山县| 佛教| 乐清市| 乐东| 吕梁市| 类乌齐县| 麦盖提县|