求一个 最基础的在网页中摆放两个选项卡的html代码
2个回答
展开全部
$(document).ready(function() {
jQuery.jqtab = function(tabtit,tab_conbox,shijian) {
$(tab_conbox).find("li").hide();
$(tabtit).find("li:first").addClass("thistab").show();
$(tab_conbox).find("li:first").show();
$(tabtit).find("li").bind(shijian,function(){
$(this).addClass("thistab").siblings("li").removeClass("thistab");
var activeindex = $(tabtit).find("li").index(this);
$(tab_conbox).children().eq(activeindex).show().siblings().hide();
return false;
});
};
$.jqtab("#tabs","#tab_conbox","click");
});<div id="tabbox">
<ul class="tabs" id="tabs">
<li><a href="">1</a></li>
<li><a href="">2</a></li>
</ul>
<ul class="tab_conbox" id="tab_conbox">
<li class="tab_con">
<p>1</p>
</li>
<li class="tab_con">
<p>2</p>
</li>
</ul>
</div>
我用的是jquery，可以反复调用多个选项卡。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
