`

一套舍不得扔的Tab方案

阅读更多
(function($){ 
     $.fn.ltab = function(o){ 
         var self= this; 
         self.title = null; 
         this.init = function(o){ 
             self.find(".tabitem").click(self.showtab); 
         } 
         this.showtab = function(){ 
             var fortab = $(this).attr("fortab"); 
             self.find(".contents").hide(); 
             var target = self.find("."+fortab); 
            if(target.size()>0){ 
                target.show(); 
             } 
             $("#diy_Tree").databind({url:"@url",par:"@par",initload:true,callf:t}); 
             $("#analyhistory").databind({url:"@url",initload:true}); 
             return false; 
         } 
         this.init(o); 
         return this; 
     }; 
 })(jQuery);

<span class="tabitem" fortab="tab1" ><img src="images/left1.gif" width="32"/></span> 
<span ><img src="images/left2.gif" width="32"/></span> 
<span class="tabitem" fortab="tab3" ><img src="images/left3.gif" width="32"/></span>
<div id="diylib" class="contents tab2" style="display:none" url="${pageContext.request.contextPath}/patent/diylib.dhtml"> 
</div> 
<div id="analyhistory" class="contents tab3" style="display:none" url="${pageContext.request.contextPath}/patent/analyHistory.dhtml"> 
</div>
分享到:
评论

相关推荐

    一套可移动的Css特效Tab

    【标题】"一套可移动的Css特效Tab"指的是在Web前端开发中,使用CSS和JavaScript技术实现的一种交互式Tab切换效果。这种效果允许用户通过点击或滑动在多个内容区域间进行切换,常用于网站导航、展示多组相关数据或者...

    tab页的实现方法 实现tab

    - jQuery UI:提供了一套完整的Tab组件,只需引入库文件,然后设置DOM元素,调用`.tabs()`方法即可创建Tab页。 - Bootstrap:其Nav Pills或Nav Tabs组件可轻松实现Tab效果,只需添加对应的类名,配合数据属性和...

    回车变成Tab的解决方案

    函数和网上的一些代码,弄了一个可以满足上述需求的解决方案,它的特性包括: &lt;br/&gt; 全部JavaScript代码都封装在了一个用户控件"EnterAsTab_SubPage.ascx"中,哪个页面想要回车变Tab或者屏蔽掉回车键只要把...

    tab标签选项卡效果同一页n组(8种皮肤)

    总的来说,这个压缩包提供了一套完整的tab选项卡解决方案,包括多种视觉风格和交互效果,适用于各种网页设计项目。开发者或设计师可以通过引用这些文件,快速在自己的网站中集成tab功能,同时也可以作为学习和研究...

    [QT]实现Tab键切换控件的两种方式及禁止Tab切换的简单方法

    QT提供了一套完整的方法来管理焦点,包括`setFocus()`, `clearFocus()`, `focusNextPrevChild(bool next)`等。`setFocus()`使当前控件获取焦点,`clearFocus()`则移除焦点,`focusNextPrevChild(bool next)`允许在...

    Tabby 一个好用的终端工具,window 64位安装包 taby-1.0.200-setup-x64.exe

    2. 自定义主题:提供多种预设主题,用户也可以根据个人喜好自定义颜色方案,使终端更加个性化。 3. 高级字体渲染:Tabby支持多种字体类型和高亮显示,确保代码和文本的清晰易读。 4. 快捷键支持:集成了一套完整的...

    基于js的iframe 可关闭tab标签组件使用方法

    3. **JavaScript代码**:首先引入`jquery.js`库,它提供了一套强大的DOM操作和事件处理函数,简化了JavaScript编程。然后,编写JavaScript代码来实现tab切换和iframe加载。 ```javascript $(document).ready...

    tabby:一个更现代的终端 for win

    定制主题和配色方案 完全可配置的快捷键和多键快捷键 分体式窗格 自动保存标签页 支持 PowerShell(和 PS Core)、WSL、Git-Bash、Cygwin、MSYS2、Cmder 和 CMD 在 SSH 会话中通过 Zmodem 进行直接文件传输 完整的 ...

    横向和树形tab tab菜单

    在网页设计和开发中,"横向和树形tab菜单"是一种常见的用户界面元素,用于组织和展示大量信息。这种设计模式有效地利用空间,提供清晰的导航结构,帮助用户快速找到所需内容。以下是对这一主题的详细说明: 1. **...

    Android垂直tab导航栏、左侧竖直tab导航栏

    总的来说,"Android垂直tab导航栏、左侧竖直tab导航栏"是一个创新的界面设计,它为Android应用提供了更灵活、更个性化的导航方案,同时也对开发者的技术能力提出了新的挑战,需要掌握自定义View、布局管理、动画实现...

    React-Native 实现点击Tab标签切换Tab页面

    在本例中,我们将使用`react-navigation`库,这是一个强大的React-Native导航解决方案,提供了多种导航类型,包括TabNavigator。 首先,确保已经安装了`react-navigation`库。如果还没有安装,可以通过npm或yarn...

    简单的Tab

    - 前端框架和库提供了一套完整的解决方案,减少了手动编写代码的复杂性。例如,使用Bootstrap,只需添加适当的HTML类和少量JavaScript即可快速实现Tab。 4. **响应式设计**: - 当今的Web应用需要适应多种设备和...

    Tab2Shp 批量tab转shp工具

    《Tab2Shp:批量将TAB转换为SHP的实用工具详解》 在地理信息系统(GIS)领域,数据格式的转换是一项常见的任务。本文将详细阐述Tab2Shp工具的功能和使用方法,帮助用户理解如何批量将TAB格式的数据转换为SHP格式,...

    bootstrap-closable-tab tab可关闭组件

    这包括一个`&lt;ul&gt;`元素作为Tab导航,每个`&lt;li&gt;`元素代表一个Tab,`&lt;a&gt;`元素用于链接到对应的Tab内容,以及一个可选的`&lt;button&gt;`元素作为关闭按钮。 2. **CSS 样式**:为了美观,我们可能需要定制CSS样式,使关闭按钮...

    多层tab标签嵌套支持无连接分类

    “多层tab标签嵌套支持无连接分类”这个项目可能是为开发者提供的一种解决方案,使得他们可以在网页中创建这样的多级Tab系统,同时允许某个Tab标签没有链接,即不指向任何特定页面。这在某些情况下是必要的,比如当...

    ionic 自定义tab切换

    默认情况下,Ionic 提供了一套预设的样式,但我们可以轻松地对其进行自定义。这包括修改 Tab 的颜色、字体大小、图标样式等。例如,要更改选中 Tab 的背景颜色,可以在全局 CSS 文件中添加以下代码: ```css ion-...

    bootstrap 多层tab标签实现

    Bootstrap提供了一套预设的样式,但你可能需要根据项目需求进行自定义。可以使用Sass变量、mixins或直接修改CSS来调整Tab的样式,例如颜色、边框、字体等。 五、响应式设计 Bootstrap的Tab组件天生具有响应式特性...

    MFC Tab页demo

    MFC是Microsoft为开发者提供的一套C++类库,它封装了Windows API,简化了Windows应用程序的开发过程。在这个"MFC Tab页demo"中,我们将看到如何利用MFC的CTabCtrl类来实现Tab控件。 首先,我们需要了解CTabCtrl类。...

    Bootstrap Ace模板 tab页效果

    与Bootstrap结合,Ace模板提供了一套完整的前端解决方案,包括导航栏、表单元素、按钮、模态框、表格等常见组件。 2. **Tab组件基础**: - Tab导航通常由一个`ul.nav-tabs`元素和相应的`div.tab-content`组成。每...

    swing多tab页面板练习

    在Java的Swing库中,开发GUI应用程序时,我们经常需要用到多Tab的界面设计,这可以为用户提供清晰的模块划分,提高交互体验。本练习主要关注如何创建和管理多个Tab,利用`javax.swing.JTabbedPane`组件来实现这一...

Global site tag (gtag.js) - Google Analytics