利用HTML5實現16宮格翻牌匹配游戲



58 228 77



特效描述:利用HTML5實現 16宮格 翻牌匹配游戲,利用HTML5實現16宮格翻牌匹配游戲

代碼結構

1. 引入CSS

<link rel="stylesheet prefetch" href="https://fonts.googleapis.com/css?family=Coda">
<link rel="stylesheet prefetch" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/app.css">

2. 引入JS

<script src="js/jquery.min.js"></script>
<script src="js/app.js"></script>

3. HTML代碼

<div class="container">
	<header>
		<h1>匹配游戲</h1>
	</header>
	<section class="score-panel">
		<ul class="stars">
			<li><i class="fa fa-star"></i></li>
			<li><i class="fa fa-star"></i></li>
			<li><i class="fa fa-star"></i></li>
		</ul>
		<span class="moves">0</span> Moves
		<div class="restart" onClick="run()">
			<i class="fa fa-repeat"></i>
		</div>
	</section>
	<ul class="deck" id="deck">
	</ul>
</div>
<div style="text-align:center;margin:1px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 旋轉翻轉 旋轉 翻轉 小游戲 H5游戲 游戲源碼 手機游戲 微信游戲 網頁游戲 圖片翻轉 圖片旋轉 連連看 連連看游戲 H5連連看游戲 連連看游戲源碼
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子 全民福州麻将怎么玩 pc幸运28* 南昌按摩女联系 今日云南十一选五预测专家 怎么下载微乐吉林麻将 今晚快乐双彩中奖号码 免费打麻将四人单机版 陕西快乐十分复式 sm捆绑束缚带 甘肃快3今天专家推荐 平特王日报论坛网站 遇乐棋牌大厅在线 幸运快3大小单双技巧 广东11选5开奖直 浙江11选5快开 探球比分网球比分