<!DOCTYPE html >
<TITLE>21点网络game</TITLE>
<LINK href="./21_files/21.css" rel="stylesheet" type="text/css"><!--CSS-->
<STYLE type="text/css">
/*<!--设置主题样式-->
left right等都是用于定位的
设置外边界也可以控制位置
*/
html,body{
margin:0px;
padding:0px;
color:#FFF;
background-color: #000;
background-repeat:repeat;
background-position:top center;
background-attachment:scroll;
min-width:1000px;
min-height:500px;
width:100%;
height:100%;
z-index:-1;
overflow:hidden;
}
/*设置字体*/
body,td,th {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 10px;
}
a, a:link, a:visited{
color:#FFF;
text-decoration:none;
}
</STYLE>
<SCRIPT type="text/javascript" src="./21_files/jquery-1.4.2.min.js"></SCRIPT> <!--表明js文件来源-->
<SCRIPT type="text/javascript" src="./21_files/zach.min.js"></SCRIPT> <!--拓展库 rotate函数等-->
<SCRIPT type="text/javascript" src="./21_files/modernizr-1.1.min.js"></SCRIPT><!--检测浏览器-->
<!--检测浏览器的css3和HTML5的属性而生，从而通过CSS来解决兼容性问题-->
<SCRIPT type="text/javascript" src="./21_files/211.js">
</SCRIPT>
</HEAD><BODY>
<div id="Table"> <!--玩家 庄家 牌 牌堆 出牌堆 弃牌堆-->
<div id="Hands"> <!--选手-->
<div id="Player"><!--玩家-->
<span class="Payout"><!--赢得的筹码-->
</span><span class="Wager"><!--出筹码-->
</span><span class="Score">0</span></div> <!--玩家牌大小-->
<div id="Dealer"><!--庄家-->
<span class="Score">0</span></div> <!--庄家点数-->
</div>
<div id="Shoe"></div> <!--卡池-->
<div id="Discard"></div> <!--弃牌堆-->
<div id="Cards"> </div><!--卡牌显示 包含桌面上的所有牌-->
</div>
<div id="Chips"> <!--筹码选择按钮-->
<a href="#" id="Bet5" class="Chip Locked" title="下注 $5"></a>
<a href="#" id="Bet25" class="Chip Locked" title="下注 $25"></a>
<a href="#" id="Bet50" class="Chip Locked" title="下注 $50"></a>
<a href="#" id="Bet100" class="Chip Locked" title="下注 $100"></a>
<a href="#" id="Bet500" class="Chip Locked" title="下注 $500"></a>
</div>
<div id="Actions"> <!--玩家行动-->
<a href="#" id="Stand" class="Action Locked" title="停牌"></a>
<a href="#" id="Hit" class="Action Locked" title="拿牌"></a>
<a href="#" id="Split" class="Action Locked" title="分牌"></a>
<a href="#" id="DoubleDown" class="Action Locked" title="双倍下注"></a>
<a href="#" id="Surrender" class="Action Locked" title="投降"></a>
</div>
<div id="Cash"> <!--显示玩家剩余金额-->
$ 0
</div>
<div id="Options"> <!--菜单选项-->
<a href="#" id="Deal" class="Option" title="Deal">开始</a>
<a href="#" id="CancelWager" class="Option" title="Clear Wager">重置</a>
</div>
<div id="Message"><!--显示信息部分-->
</div>
<div id="Logo"> <!--图标-->
</div>
</BODY>
</HTML>
练手小游戏 21点-前端小游戏
需积分: 27 73 浏览量
2023-01-17
17:45:16
上传
评论
收藏 2.83MB RAR 举报
21点H5.rar （80个子文件） 
21点H5 img 
spades9.png 46KB
bk.jpg 96KB diamonds8.png 39KB Black_Alpha25.png 159B Floor.jpg 16KB spades10.png 49KB spades4.png 26KB Dealer.png 612B hearts8.png 40KB diamonds3.png 24KB clubsace.png 41KB spadesjack.png 40KB clubsjack.png 39KB heartsace.png 43KB hearts5.png 29KB spades6.png 36KB red_joker.png 40KB black_joker.png 41KB hearts10.png 45KB Discard.png 650B Actions.png 15KB diamondsjack.png 34KB Back.png 16KB Chips.png 18KB heartsking.png 43KB jack_of_hearts.png 41KB Table.png 363KB diamondsqueen.png 38KB hearts2.png 20KB Chips_sm.png 9KB clubs3.png 28KB
Stack.gif 55B spades.png 116KB heartsqueen.png 46KB clubs7.png 40KB clubs5.png 34KB diamonds.png 96KB diamonds9.png 42KB clubs8.png 47KB hearts4.png 24KB hearts.png 104KB Shoe.png 644B clubsqueen.png 44KB diamondsking.png 36KB clubs10.png 53KB diamondsace.png 36KB diamonds2.png 19KB diamonds5.png 29KB spades3.png 26KB Logo.png 48KB spadesking.png 41KB spadesqueen.png 44KB diamonds4.png 24KB clubs2.png 23KB spadesace.png 60KB clubsking.png 41KB hearts3.png 24KB spades5.png 31KB spades2.png 21KB spades8.png 43KB spades7.png 36KB Player.png 646B clubs4.png 28KB diamonds10.png 45KB hearts7.png 34KB clubs.png 121KB clubs9.png 50KB diamonds7.png 33KB diamonds6.png 33KB hearts6.png 33KB hearts9.png 42KB clubs6.png 39KB
21点H5.htm 3KB 21_files zach.min.js 15KB 211.js 19KB 21 (2).js 18KB 21.css 7KB jquery-1.4.2.min.js 71KB modernizr-1.1.min.js 8KB 21.js 15KB资源评论
