$('#container-1').tabs(2);//默认显示第二个标签 }); </script> </head> <body> <div id="container-1"> <ul> <li><a href="#fragment-1"><span>One</span></a></li> <li><a href="#fragment-2"><span>Two</span></a></li> </ul> <br /> <div id="fragment-1"> <p>First tab is active by default:</p> <pre><code>$('#container').tabs();</code></pre> </div> <div id="fragment-2"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </div> </div> </body> </html>
说白了就是用js动态给元素赋样式或改变样式
1、CSDN首页的那个Tab就挺简单的,你可以借鉴一下
2、如果上面不想做的话,努力看一下那个JQuery的派生组件的代码和使用方法。
我个人更偏向于2.
<head>
<link type="text/css" href="jquery.tabs.css" rel="Stylesheet" />
<script language="javascript" src="jquery-1.1.3.1.pack.js"></script>
<script language="javascript" src="jquery.tabs.min.js"></script><script language="javascript" type="text/javascript">
$(function() {
$('#container-1').tabs(2);//默认显示第二个标签
});
</script>
</head>
<body>
<div id="container-1">
<ul>
<li><a href="#fragment-1"><span>One</span></a></li>
<li><a href="#fragment-2"><span>Two</span></a></li>
</ul>
<br />
<div id="fragment-1">
<p>First tab is active by default:</p>
<pre><code>$('#container').tabs();</code></pre>
</div>
<div id="fragment-2">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
</div>
</div>
</body>
</html>
第一次load时,给hdnFFFFF赋值‘0’,
当tab-2中的TextBox输入不正确保存的时候,给hdnFFFFF赋值‘1’然后在页面中用 window.onload = function()
{
var sd = document.getElementById("hdnFFFFF").value;
if(sd == "1")
{
$(function() {
$('divTab').tabs(2); // 最外层的div id是divTab
});
}
}可是不好用啊???不知道为什么啊?
jquery基本语法你不清楚啊
$(function(){
aa();
})
等价于window.onload事件里执行aa函数