效果图:
head部分:
<style >
#menu li{
height: 35px;
}
#menu img{
vertical-align: middle;
}
.tabContent{
float: left;
position: relative;
margin-top: 100px;
margin-left: 300px;
}
.tabctrl{
width: 500px;
height: 210px;
margin-top: 100px auto;
}
.tabctrl div{
width: 485px;
height: 180px;
position: absolute;
text-align: center;
border:1px solid gray;
display: none;
}
.tabctrl span{
width: 240px;
height: 30px;
text-align: center;
display: inline-block;
border: 1px solid gray;
cursor: pointer;
}
div.select{
display: block;
}
span.select{
border-bottom: 0px;
background-color: #4EB6FB;
}
</style>
<script src="jq/jquery.min.js"></script>