精华内容
下载资源
问答
  • idtabs
    2016-12-14 10:20:27
    http://www.sunsean.com/idTabs
    更多相关内容
  • 我们的项目用了SunSean的idTabs,但每个tab里的控件会触发postback,或者转到其他页面再转回来,这样当前选中的tab必丢。印度同事不肯用AJAX,无奈今天加班给印度人写个demo,通过回传URL参数来选择tab
  • idTabs是基于Jquery编写封装的一个插件,主要用于实现选项卡功能,下面是它的具体使用
  • jquery.idTabs.min.js

    2018-08-30 15:43:59
    jQuery异步操作Ajax需要用到的js插件,动态方式与服务器交换数据。
  • jquery idtabs tab.rar

    2011-01-10 02:12:39
    jquery idtabs tab.rar jquery idtabs tab.rar jquery idtabs tab.rar
  • jQuery idTabs 使用简介

    2015-05-21 14:57:55
    官网:http://www.sunsean.com/idTabs/ 下载地址:http://download.csdn.net/download/qq_28374369/8724407 Tab 1 Tab 2 Tab 3 This is tab 1. More content in tab 2. Tab 3 i

    官网:http://www.sunsean.com/idTabs/

    下载地址:http://download.csdn.net/download/qq_28374369/8724407

    <script src="jquery.min.js"></script>
    <script src="jquery.idTabs.min.js"></script>

    <div id="usual1" class="usual"> 
      <ul> 
        <li><a href="#tab1" class="selected">Tab 1</a></li> 
        <li><a href="#tab2">Tab 2</a></li> 
        <li><a href="#tab3">Tab 3</a></li> 
      </ul> 
      <div id="tab1" style="display: block; ">This is tab 1.</div> 
      <div id="tab2" style="display: none; ">More content in tab 2.</div> 
      <div id="tab3" style="display: none; ">Tab 3 is always last!</div> 
    </div> 
    <script type="text/javascript"> 
      $("#usual1 ul").idTabs(); //如果要鼠标悬浮切换则改为.idTabs("!mouseover"); 
    </script>
    


    展开全文
  • jquery.idTabs使用方法

    2017-11-08 19:45:00
    idTabs是基于Jquery编写封装的一个插件,主要用于实现选项卡功能,它操作简单,只需到官网:http://www.sunsean.com/idTabs/下载插件JS脚本文件,并引用到网站中即可 <script src="js/jquery.idTabs.min.js" type=...

    idTabs是基于Jquery编写封装的一个插件,主要用于实现选项卡功能,它操作简单,只需到官网:http://www.sunsean.com/idTabs/下载插件JS脚本文件,并引用到网站中即可

    <script src="js/jquery.idTabs.min.js" type="text/javascript"></script>

    页面HTML布局及调用如下:

    <div id="tabsbox" class="tabsbox">
        <ul>

                <li><a href='#tab0' class='selected'>技术简介</a></li>

                <li><a href='#tab1' class=''>技术优势</a></li>

                <li><a href='#tab2' class=''>技术路线</a></li>

                <li><a href='#tab3' class=''>服务流程</a></li>

                <li><a href='#tab4' class=''>样本要求</a></li>

        </ul>
        <div class="tabscont">

                <div id='tab0'>1依托自主研发的技术平台,可为广大科研工作者提供常规测序服务和特色测序服务,为您的科研助一臂之力!</div>

                <div id='tab1'>2依托自主研发的技术平台,可为广大科研工作者提供常规测序服务和特色测序服务,为您的科研助一臂之力!</div>

                <div id='tab2'>3依托自主研发的技术平台,可为广大科研工作者提供常规测序服务和特色测序服务,为您的科研助一臂之力!</div>

                <div id='tab3'>4依托自主研发的技术平台,可为广大科研工作者提供常规测序服务和特色测序服务,为您的科研助一臂之力! Text></div>

                <div id='tab4'>511111111依托自主研发的技术平台,可为广大科研工作者提供常规测序服务和特色测序服务,为您的科研助一臂之力!</div>

        </div>
    </div>
    <script type="text/javascript">
        $("#tabsbox ul").idTabs("tabs0");
    </script>
     

    按照官网提示,编写以上代码就应该可以实现选项卡了,但遗憾的是,显示出来的效果根本就不是我所要的选项卡,经过分析找到原因,原来是缺少CSS样式支持,然而官网并没有提供相关的CSS样式文件下载,这样就只能自己写了:

    <style type="text/css">
        .tabsbox ul {border-bottom:1px solid #dce6e7;}
        .tabsbox ul li {display:inline-block;border:1px solid #dce6e7;border-bottom:none;
                        line-height:30px;height:30px;width:80px; text-align:center;margin-right:10px;}
        .tabsbox ul li a.selected {background-color:#fff;display:block;margin:0px;padding-bottom:5px;font-weight:bold;}
        .tabsbox ul li a {text-decoration:none;}
        .tabscont {margin-top:10px;}
    </style>

    添加了CSS样式效果之后,效果也就出来了,如下图示:

     

    该文章来源于我的个人网站:http://www.zuowenjun.cn/post/2014/07/26/%E6%A2%A6%E5%9C%A8%E6%97%85%E9%80%94-2-2-2-2-2.html

    本文转自 梦在旅途 博客园博客,原文链接: http://www.cnblogs.com/zuowj/p/3869986.html ,如需转载请自行联系原作者

    展开全文
  • IdTabs3.0 标签

    2012-05-31 16:46:19
    IdTabs3.0 标签
  • Jquery的idTabs使用

    2016-05-25 18:17:00
    http://www.sunsean.com/idTabs/jquery.idTabs.min.js idTabs使用基本介绍如下: 通常的使用方法如下: <div id="usual1" class="usual"> <ul> <li><a class="selected" href="#tab...
    http://www.sunsean.com/idTabs/jquery.idTabs.min.js
    
    idTabs使用基本介绍如下:
    通常的使用方法如下:
    
    <div id="usual1" class="usual">
      <ul>
        <li><a class="selected" href="#tab1">Tab 1</a></li>
        <li><a href="#tab2">Tab 2</a></li>
        <li><a href="#tab3">Tab 3</a></li>
      </ul>
      <div id="tab1">This is tab 1.</div>
      <div id="tab2">More content in tab 2.</div>
      <div id="tab3">Tab 3 is always last!</div>
    </div>
      
    <script type="text/javascript">
      $("#usual1 ul").idTabs();
    </script>
    
    $(function () { $(".idTabs").idTabs(); 
    //自定义显示tab
    $(".idTabs a").eq(1).trigger('click') 
    });

     

    转载于:https://www.cnblogs.com/-lpf/p/5528025.html

    展开全文
  • 使用jquery的插件idTabs来实现Tab页效果,代码简单易用。
  • jquery的idTabs切换触发事件

    千次阅读 2017-11-23 19:18:27
    使用jquery.idTabs插件在切换tab页时,通过触发事件的函数可以对页面上做一些处理。部分代码示例如下: <div class="form-tabs"> <ul class="list_tab"> <li ><a href="#tab1" ...
  • <!doctype html> <html lang="en"> <head> <meta charset="utf-8"/> <title>jQuery idTabs</title> <style> * { margin:0; padding:0; bord...
  • 浅蓝色的选项卡插件,jquery TAB  object(HTML) tabPDiv选项卡的最...  string idStr tabPDiv的id和用于生成选项卡菜单的id和选项卡内容层的id  string tabPDivCss tabPDiv的样式 ... ... array tabObj 选项卡内容对象
  • PJBLOG中用到的ajaxjs.几个简单的函数function $(id){return document.getElementById(id);}function echo(obj,html){$(obj)....}function fopen(obj){$(obj).style.display="";}function fclose(obj){$(obj).style...
  • jquery的tab插件

    2017-11-07 00:30:00
    原文:[url]http://www.sunsean.com/idTabs/[/url] 我改了下,去掉一些没用的,修改了下样式。 <!DOCTYPE ...
  • 当然,最终我没有用到IdTabs以及如下任何一个实例,我只是很不服气的自己写了个小插件,尚 不完善,就不于此共享了。先来看看老外们出色的基于JQuery的各式Tab选项卡吧:1. jQuery 选项卡界面 / 选项卡结构菜单教程...
  • 如大量信息查看,当网页多窗口框架等都会用到,现在网上基于jquery Tab控件,其实也蛮多了,我以前用过的idtabs,就比较简单实用,也是比较灵活,但是对于复杂情况就要编码多些,太简单了些。还有就是jquery UI的...
  • <p>i use idtabs js for make tab in main page . <pre><code>http://www.sunsean.com/idTabs/ </code></pre> <p>i put each tab 12 images . when page load first load tab div and header and menu images not...
  • idTabs可以让你在网页中轻松地加入tab页,而且它还可以对它进行无穷无尽扩展。   Mootools插件   3.MooTabs Mootabs是mootools1.1实现的一个微型插件,可以通过ajax来加载tab。 4.Pluggable MooTools Tabs   5....
  • jQuery Tabs插件 (选项卡插件) --推荐

    千次阅读 2011-10-21 21:02:29
    idTabs 是 jQuery 的插件。它能非常容易的为网站添加选项卡,也为无穷尽的可能性敞开大门。 演示: http://www.sunsean.com/idTabs/ 下载: http://www.sunsean.com/idTabs/jquery.idTabs.min.js 三、...
  • ├── lib │ ├── javax.annotation.jar │ ├── javax.ejb.jar │ ├── javax.jms.jar │ ├── javax.persistence.jar │ ├── javax.resource.jar │ ├── javax.servlet.jar │ ├── javax....
  • 1. Apple Menu Style 2. Color Fading Menu 3. Animated Drop Down Menu 4. Random Link Color 5. Scrollable 6. Moo Tool Homepage like 7. Animated Menu 8. jqDock Menu ...14. jQuery idTabs 1
  • 基础数据   项目中我们往往要用到很多数据量不大且不会经常变动的数据,比如部门信息,付款方式,性别等信息,如果这些信息我们都单独用一张表来维护,显示不是很明智,所以我们可以将这一类数据统一存放在一张表...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,207
精华内容 482
关键字:

idtabs

友情链接: code_clk_nco.rar