将ul里面的li标签都设置为右浮动即可。如：
<ul style="overflow:hidden; display:block"><li class="float:right; padding:10px;>项目1</li>
<li class="float:right; padding:10px;>项目1</li>
<li class="float:right; padding:10px;>项目1</li>
<li class="float:right; padding:10px;>项目1</li>
</ul><style>
con li{display: none;}
</style>
<div class="nav">
<span>按钮一</span>
<span>按钮二</span>
<span>按钮三</span>
</div>
<ul class="con">
<li>内容aaa</li>
<li>内容bbb</li>
<li>内容ccc</li>
</ul>$(function(){
$('con li')eq(0)show() //第一个li显示
$('nav span')click(function(){
var ind = $('nav span')index(this);
$('con li')eq(ind)show()siblings('li')hide();
})
})$("#tab")tabs("tabContent", {
tabs: "input"
});
试试把这上面的 tabs 功能定义为一个 function
例如
function tabs_run() {
}
然後在 click function 里面捕捉 event 完结时侯再次呼叫这个 tabs_run()
例如
$('#add')live('click', function() {
tabs_run();
}需要再加上JS进入控制。具体代码如下，JS的功能就是用来修改CSS中的display属性。下面的代码只是做一些简单的原理演示，你可以跟据你自己的需要进行修改。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 40 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META name="keywords" content="项目,按钮,内容,自己的,里面">
<META name="description" content="将ul里面的li标签都设置为右浮动即可。如：<ul style="overflow:hidden; display:block"> <li class="float:right; pad">
<style>
tabnav ul{margin:0;padding:0;list-style:none;}
tabnav li{padding:5 10px;border:1px solid red;float:left;}
tabid {border:1px solid #000;clear:both;}
</style>
<script language='javascript'>
function tab(n){
var tabnav="tab"+n;
var tabid="tabid"+n;
cleardisplay();
documentgetElementById(tabid)styledisplay="block";
}
function cleardisplay(){
for (i=1;i<3;i++)
{
var cleartabid="tabid"+i;
documentgetElementById(cleartabid)styledisplay="none";
}
}
</script>
</HEAD>
<BODY>
<div>
<div class='tabnav'>
<ul>
<li id='tab1' onclick='tab(1)'>TAB1</li>
<li id='tab2' onclick='tab(2)'>TAB2</li>
</ul>
</div>
<div id='tabid1' class='tabid'>tab1</div>
<div id='tabid2' class='tabid' style='display:none;'>tab2</div>
</div>
</BODY>
</HTML>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）