面向对象 tab切换

<style>
			*{
				margin:0;
				padding:0;
			}
			ul{
				list-style:none;
				overflow:hidden;
			}
			ul li{
				width:100px;
				height:40px;
				border:1px solid black;
				float:left;
				text-align:center;
				line-height:40px;
			}
			div{
				display:none;
				width:406px;
				height:406px;
				border:1px solid black;
			}
			.active{
				display:block;
			}
			.active1{
				background:yellow;
			}
		</style>
<style>
			*{
				margin:0;
				padding:0;