利用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

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

老夫子电子 pk10赢了8年的注码法 真钱炸金花一木 七乐彩预测 北京单场上双 52农场怎么赚钱快 双色球100期走势图表 美国股市好赚钱吗 可以约好友的麻将游戏下载 如何注册彩票中心 128彩票app 多乐彩票五分钟来奖 时时彩开奖直播 八戒论坛两期包出一肖 江苏e球彩怎么玩 北京pk10倍投能赢吗 免费赚钱模式之农家乐