jQuery tabs使用
<script src="/js/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
<link href="/js/jquery/ui.tabs.css" type="text/css" rel="stylesheet">
<script src="/js/jquery/ui.core.js" type="text/javascript"></script>
<script src="/js/jquery/ui.tabs.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
var tab;
jQuery(document).ready(function(){
//初始状态#workDiv > ul处于隐藏,此时使其显示,避免页面过渡现象出现
jQuery("#selectDiv > ul").css("display","");
//产生tab标签
tab=jQuery("#selectDiv > ul").tabs({ cache: true });
//使子信息标签不可用
//tab.tabs('disable', 1);
});
//-->
</script>
<html>
<body>
<div id="selectDiv" frameborder="0"
style="width: 100%;height: 100%"></iframe>
</div>
<div id="iframe-2">
<iframe src="http://www.hao123.com" frameborder="0"
style="width: 100%;height: 100%"></iframe>
</div>
<div id="iframe-3">
<iframe src="" frameborder="0" style="width: 100%;height: 100%"></iframe>
</div>
</div>
</body>
</html> 1 楼 smallratluobin 2010-04-17 前面有tab.tabs('disable', 1); 让第2个tab页失效
tab.tabs('enable', 1); 让第2个tab可用 。
具体内容:参考【http://hi.baidu.com/prince_zyb/blog/item/7df6f9823d0caaa90df4d2ee.html】
2 楼 tvjody 2010-04-20 一堆HTML代码,能不能再详细描述,贴个图可能更直观,方便大家看,不然感觉乱七八糟 3 楼 whaosoft 2010-04-20 说实话这个不老好看的。。。 4 楼 shadowlin 2010-04-21 这个似乎没什么意义吧,和jquery.ui.tabs的api和说明上写的基本一样嘛。。。