jQuery扑克牌读心术网页游戏源码

jQuery扑克牌读心术网页游戏源码

jQuery扑克牌读心术网页游戏源码

工具/原料adobe dreamweaver方法/步骤1新建html文档。

2书写hmtl代码。

扑克牌读心术

游戏规则:从上面的牌库中随机记住一张牌(一定要心里记住,不要说出来，否则系统会听到哦)，然后点击开始按钮开始游戏，

从弹出来的牌判断您记住的牌是否在其中，在的话点击在按钮，不在点击不在按钮。

3书写css代码。

#main{float:left;}

#container{height: 350px;}

.pokerlists {list-style:none;overflow:hidden;}

.pokerlists li{float: left;margin: 5px 0px 5px 0px;text-align:center;}

.pokerlists li.img{width:14%;}

.lists {list-style:none;margin:0px;}

.lists li{float: left;margin: 5px;}

.lists li.img{width:75px;}

.tips{font-size: 10px;width:98%;margin: 0 auto;padding: 10px 10px;text-align:center;}

.btn{width:98%;margin: 0 auto;padding: 10px 10px;text-align: center;}

4书写并添加js代码。

这些js包都可以在网上下载。

5代码整体结构。

6查看效果。