首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jQuery tabs施用

2012-11-22 
jQuery tabs使用script src/js/jquery/jquery-1.3.2.min.js typetext/javascript/scriptlink h

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和说明上写的基本一样嘛。。。

热点排行