Html
    Css
    Js

    
                        
* {
	margin:0px;
	padding:0px;
}
body #div1 {
	width:200px;
	height:361px;
	background:#2d3741;
	overflow:hidden;
	position:relative;
	top:50px;
	left:100px;
}
ul {
	list-style:none;
}
li {
	width:200px;
	height:60px;
	font-size:20px;
	border-bottom:#fff solid 1px;
	line-height:60px;
	text-align:center;
	color:aqua;
	cursor:default;
	display:block;
}
.p {
	width:800px;
	height:361px;
	background:#2d3741;
	position:absolute;
	top:50px;
	left:301px;
	color:#2bab79;
	font-family:"新宋体";
	font-size:150px;
	text-align:center;
	line-height:361px;
	display:none;
}
.bg_color {
	background:grey;
	color:#2bab79;
}

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

垂直tab选项卡

立即执行函数的妙用,一个dom节点可以绑定多个事件

0