养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

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

时间:2024-11-01 05:45:33

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

工具/原料

adobedreamweaver

方法/步骤

1、新建html文档。

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

2、书写hmtl代艨位雅剖码。<divid="main"> <cente鸡堕樱陨r><h1>扑克牌读心术</h1></center> <divid="container"></div> <divclass="tips"> 游戏规则:从上面的牌库中随机记住一张牌(<fontcolor="red">一定要心里记住,不要说出来,否则系统会听到哦</font>),然后点击开始按钮开始游戏, 从弹出来的牌判断您记住的牌是否在其中,在的话点击在按钮,不在点击不在按钮。 </div> <divclass="btn"> <inputtype="button"value="重置"onClick="ser.reset()"/> <inputtype="button"value="开始"onClick="ser.start()"/> </div></div>

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

3、书写css代码跷孳岔养。<style>#main{float:left;}#container{h髫潋啜缅eight:350px;}.pokerlists{list-style:none;overflow:hidden;}.pokerlistsli{float:left;margin:5px0px5px0px;text-align:center;}.pokerlistsli.img{width:14%;}.lists{list-style:none;margin:0px;}.listsli{float:left;margin:5px;}.listsli.img{width:75px;}.tips{font-size:10px;width:98%;margin:0auto;padding:10px10px;text-align:center;}.btn{width:98%;margin:0auto;padding:10px10px;text-align:center;}</style>

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

4、书写并添加js代码。<scriptsrc="js/jquery-1.7.1.min.js"></script><scriptsrc="js/poker.js"></script><scriptsrc="js/service.js"></script><scriptsrc="js/xcConfirm.js"></script>这些js包都可以在网上下载。

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

5、代码整体结构。

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

6、查看效果。

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

© 一点知识