基于jquery库的tab新形式使用_jquery

复制代码代码如下：

<脚本 src="js/jquery.min.js" type="text/javascript">

$(document).ready(function(){
$("ul.menu li:first-child").addClass("current");
$("div.content"). find("div.layout:not(:first-child)").hide();
$("div.content div.layout").attr("id", function(){return idNumber("否") $("div.content div.layout").index(this)});
$("ul.menu li").click(function(){
var c = $(" ul.menu li");
var index = c.index(this);
var p = idNumber("No");
show(c,index,p);
}) ;

function show(controlMenu,num,prefix){
var content= prefix num;
$('#' content).siblings().hide(); '#' content).show();
controlMenu.eq(num).addClass("current").siblings().removeClass("current");

函数idNumber(prefix){
var idNum = prefix;
return idNum;
});


* {利润：0;填充：0}
ul，li {
列表样式：无
}
.box {
边框：1pxsolid #ccc;
边距：10px；
}
.tagMenu {
高度：24px;
位置：亲属；
边框底部：1px实心#999
}
.tagMenu ul {
位置：绝对；
底部：-1px；
高度：26px；
}
ul.menu li {
float:left;
左边框：1px实心#999；
内边距：0 12px；
光标：指针
}
ul.menu li.current {
边框：1pxsolid #999;
边框底部：无；
背景：#fff;
高度：25px；
行高：26px；
边距：0
}
.content { padding:10px}

<身体>

• 标签 1.1


• 标签 1.2


• 标签 1.3


• 标签 1.4

信息1.1

信息1.2

信息1.3

信息1.4