Html
    Css
    Js

    
                        
  * {
	margin:0;
	padding:0;
}
img {
	border:0;
}
ol,ul,li {
	list-style:none;
}
.fl {
	float:left;
}
.clearfix:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}
.box {
	width:1260px;
	height:35px;
	margin:30px auto;
	background-color:#f9f9f9;
	border:1px solid #ddd;
	position:relative;
}
.maxbox {
	width:1200px;
	height:100%;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
.nav {
	width:99999px;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}
.nav_li {
	margin-right:4px;
	height:100%;
	line-height:35px;
	background-color:#d00c0c;
	font-size:14px;
	color:#fff;
}
.nav_name {
	padding:0 15px;
	cursor:pointer;
}
.nav_close {
	line-height:1;
	cursor:pointer;
}
.btn_img {
	width:30px;
	height:35px;
	/*  background-repeat:no-repeat;
	background-position:center;
	*/
            position:absolute;
	top:0;
	font-size:20px;
	line-height:35px;
}
.btn_left {
	/* background-image:url('nav_left.png');
	*/
            display:none;
	left:0;
	cursor:pointer;
}
.btn_right {
	/*  background-image:url('nav_right.png');
	*/
            display:none;
	right:0;
	cursor:pointer;
}
.vis_hidden {
	visibility:hidden;
}
.vis_visible {
	visibility:visible;
}

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

随意添加删除的选项卡

3
      The morning rain0
      2017/8/21 15:03:26
      今天刚看到 修改了 ,欢迎继续提出 回复
      鞠叶0
      2017/8/17 17:44:14

      贴上的不能删除,只能删除原有的

      回复
      LNJ960
      2017/8/17 15:44:38

      所添加上的选项卡并只能执行删除操作!

      回复