浏览 9135 次
|
锁定老帖子 主题：jQuery tabs使用
该帖已经被评为新手帖
|
|
|---|---|
| 作者 | 正文 |
|
发表时间：2010-04-17
<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" class=""> <ul style="display:none"> <li> <a href="#iframe-1"><span>选项卡1</span> </a> </li> <li> <a href="#iframe-2"><span>选项卡2</span> </a> </li> <li> <a href="#iframe-3"><span>选项卡3</span> </a> </li> </ul> <div id="iframe-1"> <iframe src="http://www.baidu.com" 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> 声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
推荐链接
|
| 返回顶楼 | |
|
发表时间：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】 |
| 返回顶楼 | |
|
发表时间：2010-04-20
一堆HTML代码，能不能再详细描述，贴个图可能更直观，方便大家看，不然感觉乱七八糟
|
| 返回顶楼 | |
|
发表时间：2010-04-20
说实话这个不老好看的。。。
|
| 返回顶楼 | |
|
发表时间：2010-04-21
这个似乎没什么意义吧，和jquery.ui.tabs的api和说明上写的基本一样嘛。。。
|
| 返回顶楼 | |
