Html
    Css
    Js

    
                        
#red {
	width:100px;
	height:100px;
	background-color:#ff0000;
}
#yellow {
	width:100px;
	height:100px;
	background:#ffff00;
}
#blue {
	width:100px;
	height:100px;
	background:#0000ff;
}
td {
	border:1px solid #aaaaaa;
}
*,table,tr,td {
	margin:0;
	padding:0;
}
.mouseoverStyle {
	font-size:20px;
	color:#ff0000;
	background-color:#FFFF00;
}
.mouseoutStyle {
	font-size:15px;
	color:#FF0000;
}
.seat {
	width:30px;
	height:20px;
	background:green;
	margin:10px;
	float:left;
	text-align:center;
	color:#fff;
}
#seatWrap {
	width:500px;
	height:400px;
	margin:auto;
	background:#ccc;
}
* {
	margin:0;
	padding:0;
	text-decoration:none;
}
.seatChoosed {
	background:#00ff00;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

电影院选择座位

电影院选择座位的基本结构

0