首先对于依赖于jquery的网页来说首先创建html后一定要先引入jquery插件
body {
margin: 0px auto;
padding: 0px;
border: 1px solid #000;
width: 500px;
height: 600px;
}
#show {
height: 175px;
background: #d3d3d3;
}
#control {
height: 425px;
background: #bebebe;
}
#control div {
height: 83px;
width: 500px;
}
#control div div {
margin: 2px 2px;
float: left;
height: 81px;
width: 121px;
background: #d3d3d3;
}
#control div #a0,
#control div #a1,
#control div #a2,
#control div #a3,
#control div #a4,
#control div #a5,
#control div #a6,
#control div #a7,
#control div #a8,
#control div #a9 {
background: #f5f5f5;
}
#container #control div div:hover {
background: #848484;
cursor: pointer;
}
#f-show {
margin-right: 5px;
margin-top: 70px;
float: right;
width: 300px;
height: 50px;
text-align: right;
}
#z-show {
margin-right: 5px;
float: right;
width: 300px;
height: 50px;
clear: both;
text-align: right;
font-size: 30px;
}
p {
text-align: center;
padding-top: 15px;
}
接下来是html 也就是body部分
<div id="container">
<div id="show">
<div id="f-show">1</div>
<div id="z-show">0</div>
</div>
<div id="control">
<div id="set1">
<div id="CE">
<p>CE</p>
</div>
<div id="C">
<p>C</p&