jquery实现windows经典蜘蛛纸牌扑克小游戏代码-html代码-BFW代码库

代码语言：html

所属分类：游戏

代码描述：jquery实现windows经典蜘蛛纸牌扑克小游戏代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8" />
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" />
    <meta content="webkit" name="renderer" />
    <meta content="width=device-width, initial-scale=1" name="viewport" />
    <style>
        body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select {
    	margin:0;
    	padding:0
    }
    body {
    	font:14px 微软雅黑,宋体,arial narrow,HELVETICA;
    	background:#fff;
    	-webkit-text-size-adjust:100%
    }
    a {
    	color:#2d374b;
    	text-decoration:none
    }
    a:hover {
    	color:#cd0200;
    	text-decoration:underline
    }
    em {
    	font-style:normal
    }
    li {
    	list-style:none
    }
    img {
    	border:0;
    	vertical-align:middle
    }
    table {
    	border-collapse:collapse;
    	border-spacing:0
    }
    p {
    	word-wrap:break-word
    }
    body {
    	background:#f7f7f7
    }
    input,textarea,select,button {
    	outline:0;
    	font-size:15px;
    	color:#333;
    	padding:0;
    	margin:0
    }
    button {
    	border:0
    }
    table {
    	border-collapse:collapse;
    	border:1px solid #c1c1c1
    }
    .layer {
    	position:absolute;
    	left:0;
    	right:0;
    	top:0;
    	bottom:0;
    	background:rgba(0,0,0,.3);
    	z-index:999
    }
    .clear:after {
    	content:'';
    	height:0;
    	clear:both;
    	display:block
    }
    input:focus,textarea:focus,select:focus {
    	border-color:#66afe9!important;
    	outline:0!important;
    	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)!important;
    	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)!important
    }
    ::-webkit-input-placeholder {
    	color:#a1a1a1
    }
    ::-moz-placeholder {
    	color:#a1a1a1
    }
    :-moz-placeholder {
    	color:#a1a1a1
    }
    :-ms-input-placeholder {
    	color:#a1a1a1
    }
    .none {
    	display:none!important
    }
    .flexP1 {
    	flex:1;
    	-webkit-flex:1;
    	box-flex:1;
    	-webkit-box-flex:1
    }
    .disFlex {
    	display:-webkit-box;
    	display:box;
    	display:-webkit-flex;
    	display:flex
    }
    .widAuto {
    	-webkit-box-pack:center;
    	box-pack:center;
    	-webkit-justify-content:center;
    	justify-content:center
    }
    .widStart {
    	-webkit-box-pack:start;
    	box-pack:start;
    	-webkit-justify-content:flex-start;
    	justify-content:flex-start
    }
    .widEnd {
    	-webkit-box-pack:end;
    	box-pack:end;
    	-webkit-justify-content:flex-end;
    	justify-content:flex-end
    }
    .heiAuto {
    	-webkit-box-align:center;
    	box-align:center;
    	-webkit-align-items:center;
    	align-items:center
    }
    .heiStart {
    	-webkit-box-align:start;
    	box-align:start;
    	-webkit-align-items:flex-start;
    	align-items:flex-start
    }
    .heiEnd {
    	-webkit-box-align:end;
    	box-align:end;
    	-webkit-align-items:flex-end;
    	align-items:flex-end
    }
    .borBox {
    	box-sizing:border-box
    }
    .columnFlex {
    	-webkit-box-orient:vertical;
    	box-orient:vertical;
    	-webkit-flex-direction:column;
    	flex-direction:column
    }
    .jcb {
    	-webkit-box-pack:justify;
    	-webkit-justify-content:space-between;
    	box-pack:justify;
    	justify-content:space-between
    }
    .threeFlex {
    	width:33.3%;
    	flex:1;
    	-webkit-flex:1;
    	box-flex:1;
    	-webkit-box-flex:1
    }
    .twoFlex {
    	width:50%;
    	flex:1;
    	-webkit-flex:1;
    	box-flex:1;
    	-webkit-box-flex:1
    }
    .gameView {
    	width:1220px;
    	height:800px;
    	background-repeat:no-repeat;
    	background-position:center center no-repeat;
    	background-size:cover;
    	margin:30px auto;
    	position:relative;
    	background-color:#317c5d
    }
    .gameBg {
    	width:100%;
    	height:100%;
    	background:#000;
    	opacity:.2
    }
    .pokerBox {
    	position:absolute;
    	left:0;
    	right:0;
    	top:0;
    	bottom:0;
    	z-index:9999
    }
    .pokerBr {
    	width:100px;
    	height:148px;
    	border:1.5px dashed #e1e1e1;
    	position:absolute;
    	left:20px;
    	top:20px;
    	box-sizing:border-box;
    	border-radius:7px;
    	z-index:666
    }
    .pokerLine {
    	width:100px;
    	position:absolute;
    	left:20px;
    	top:20px;
    	bottom:190px;
    	z-index:667
    }
    .pokerLi {
    	width:100px;
    	height:38px;
    	z-index:667
    }
    .pokerLi .img {
    	width:100px;
    	height:148px;
    	border:1px solid #666;
    	box-sizing:border-box;
    	overflow:hidden;
    	border-radius:7px
    }
    .pokerLi .img img {
    	width:100%;
    	display:none
    }
    .p.........完整代码请登录后点击上方下载按钮下载查看