利用jQuery實現撲克牌翻轉特效



65 256 86



特效描述:利用jQuery實現 撲克牌翻轉,利用jQuery實現撲克牌翻轉特效

代碼結構

1. 引入JS

<script src="http://code.jquery.com/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="jquery.carouFredSel-6.0.4-packed.js" type="text/javascript"></script>

2. HTML代碼

		<h3>Memory! Click a card to flip it, refresh your browser to start a new game.</h3>
		<div id="memory">
			<div class="card">
				<img src="img/back.jpg" width="85" height="120" />
				<img src="img/jack-clubs.jpg" width="85" height="120" />
			</div>
			<div class="card">
				<img src="img/back.jpg" width="85" height="120" />
				<img src="img/queen-clubs.jpg"  width="85" height="120" />
			</div>
			<div class="card">
				<img src="img/back.jpg" width="85" height="120" />
				<img src="img/king-clubs.jpg" width="85" height="120" />
			</div>
			<div class="card">
				<img src="img/back.jpg" width="85" height="120" />
				<img src="img/ace-clubs.jpg" width="85" height="120" />
			</div>
			<div class="card">
				<img src="img/back.jpg" width="85" height="120" />
				<img src="img/jack-diamonds.jpg" width="85" height="120" />
			</div>
			<div class="card">
				<img src="img/back.jpg" width="85" height="120" />
				<img src="img/queen-diamonds.jpg"  width="85" height="120" />
			</div>
			<div class="card">
				<img src="img/back.jpg" width="85" height="120" />
				<img src="img/king-diamonds.jpg" width="85" height="120" />
			</div>
			<div class="card">
				<img src="img/back.jpg" width="85" height="120" />
				<img src="img/ace-diamonds.jpg" width="85" height="120" />
			</div>
			<div class="card">
				<img src="img/back.jpg" width="85" height="120" />
				<img src="img/joker.jpg" width="85" height="120" />
			</div>
		</div>
<div style="text-align:center;clear:both">
</div>



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


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

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

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

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

老夫子电子