jQuery插件之Tabpanel

最新推荐文章于 2016-03-28 16:03:12 发布
最新推荐文章于 2016-03-28 16:03:12 发布
阅读量2.5k 收藏
点赞数
分类专栏： Javascript 文章标签： jquery插件 jquery api css ui ext

jerichotab基于jQuery开发的一款Tabpanel插件，使用过Ext Tabpanel的人应该不会陌生，当初做这个的目的也是为了证明只要开发人员熟悉js和css，jQuery同样可以做出漂亮，有创意的UI插件，源代码大家可以到此下载：jquery.jerichotab.js

基本的效果图如下：

(貌似cnblogs限制了上传图片的象素。。。)

由于代码和API都比较多，所以我在源码的注释里都做了详细的说明，并且提供了一个demo包，在这里我就不做过多的说明了^^!

大家可以直接体验：live demo

shenzhen_mydream
关注
专栏目录
jquery的tabpanel
04-06
基于jquery的tabpanel，支持动态添加，支持滚动条，可内嵌iframe，支持关闭按钮，支持tab的背景图片配置， 这个是我在网上找到一个原始的版本，然后修改的，有详细注释，写了11个使用例子，基本涵盖了该组件的功能。源代码也比较好看了，很清晰。 有兴趣的欢迎交流,qq：505074122
基于jquery的tabpanel
12-15
基于jquery的tabpanel，支持动态添加，支持滚动条，可内嵌iframe，支持关闭按钮，支持tab的背景图片配置， 这个是我在网上找到一个原始的版本，然后修改的，有详细注释，写了11个使用例子，基本涵盖了该组件的功能。源代码也比较好看了，很清晰。 有兴趣的欢迎交流,qq：505074122
基于jQuery打造TabPanel
weixin_34192993的博客
05-21 146
停了许久，终于有时间继续下一篇，这次我们要实现的控件时Tab控件，在实际的应用中也比较多，如大量信息查看，当网页多窗口框架等都会用到，现在网上基于jquery Tab控件，其实也蛮多了，我以前用过的idtabs，就比较简单实用，也是比较灵活，但是对于复杂情况就要编码多些，太简单了些。还有就是jquery UI的里面的tab控件（没用过，我对jquery ui不太感冒），另外就是近期有点小火的eas...
jquery tabPanel
programloverjack的专栏
09-14 144
详细配置网址： http://www.jeasyui.com/documentation/tabs.php
用jQuery打造TabPanel效果代码
10-29
- **初始化**: 在jQuery插件内部定义了一个`tabpanel`方法，该方法接受一个配置对象作为参数。 - **HTML结构动态生成**: 根据传入的配置对象动态生成选项卡和内容区域。 - **绑定事件**: 为每个选项卡绑定点击事件，...
jQuery 插件开发指南
12-01
下面我们将详细探讨jQuery插件开发的基本概念、常用方法以及两种主要的插件定义方式。 首先，jQuery插件通常是一个封装了特定功能的函数，通过挂载到`$.fn`（即`jQuery.prototype`）上，使得该功能可以应用于jQuery...
Jquery Tab插件
06-20
总的来说，JQuery Tab插件是前端开发中的一个实用工具，它简化了创建选项卡布局的过程，帮助开发者快速实现类似ExtJS的tabpanel功能，同时保持代码的简洁性和效率。对于那些希望在项目中快速引入选项卡功能的开发者...
jQuery模仿ExtJS之TabPanel最新
02-25
1.帮助： TabPanel(选项卡组件) 参数说明 renderTo 渲染到某容器 将选项卡组件渲染到某容器，参数类型可以为字符串，也可以为jQuery所加载的对象，如果为声明该参数，组件默认的承载容器为BODY。 items 选项卡元素集合 选项卡组件渲染后就会显示的选项卡元素集合，具体参数请查看选项卡元素。 width 宽度 选项卡组件的总宽度，默认400px。 height 高度 选项卡组件中页面显示层的高度，默认300px。 border 是否显示边框 嵌套显示选项卡时，会出现重复边框的情况，影响美观，将border设置为”none”，则可以避免，默认显示边框，不接受除”none”之外的参数值。 active 渲染后默认激活哪个选项卡元素 下标以0为开始，默认为0。 maxLength 最多显示几个选项卡元素 -1为无限，默认为-1。 tabs 获得选项卡组件所有的选项卡元素 可根据需要获得选项卡组件的所有选项卡元素。 公共方法 addTab(object) 添加一个选项卡元素 动态向选项卡组件中添加一个选项卡元素。 flush(string | number) 刷新选项卡元素的内容 将选项卡元素的内容刷新，参数可以为选项卡元素的ID或下标。 show(string | number) 显示选项卡元素 显示制定选项卡元素，参数可以为选项卡元素的ID或下标。 Kill(string | number) 关闭选项卡元素 关闭选项卡元素，参数可以为选项卡元素的ID或下标。 getTabsCount() 获得选项卡元素数量 getTitle(string | number) 获得选项卡元素的标题 setTitle(string | number, string) 设置选项卡元素的标题 getContent(string | number) 获得选项卡元素的内容 setContent(string | number, string) 设置选项卡元素的内容 getDisable(string | number) 选项卡元素是否禁用 setDisable(string | number) 设置选项卡元素是否禁用 getCloseable(string | number) 选项卡元素是否可关闭 setCloseable(string | number, boolean) 设置选项卡元素是否可关闭 getActiveTab() 获得被激活的选项卡元素 使用方法 页面引入jQuery.js、TabPanel.js、Fader.js、TabPanel.css new TabPanel({ renderTo:'tabs', width: '100%', height: '500px', active: 0, items: [{ title:'工作中心', html:'', closable: false }] }); TabPanel item(选项卡元素) 参数说明 id 元素ID 必须唯一，或者不设置该参数，否则将无法添加到选项卡组件中，默认自动生成。 title 元素标题 可以动态设置。 closeable 是否可关闭 true可关闭，false不可关闭，默认为true。
jquery tab插件(共七个)
07-17
jquery tab插件(共七个)在网上收集的各种tab插件
TabPanel 选项卡
02-25
jquery 做的选项卡，是个网页，可以参考下吧
JQuery EasyUI TabPanel
weixin_34343689的博客
11-02 131
  1、属性 名称 类型 说明 默认值 width number Tabs 容器的宽度。 auto height number Tabs 容器的高度。 auto plain boolean True 就不用背景容器图...
JQuery TabPanel 插件，有点类似Chrome 浏览器选择项卡
jayuton
10-31 185
花半天时间写了一个jquery tabpanel 插件,效果图如下 [img]http://dl.iteye.com/upload/attachment/0075/9063/e3868575-6d28-30b0-8c9c-c2ac83fdac1a.jpg[/img]
ExtJs TabPanel右键功能插件
hzylyl2402的专栏
08-09 139
  下面是ExtJs TabPanel右键功能插件，可以全部关闭Tab，或者关闭除自己的其它Tab，可以关闭当前Tab等功能。 Ext.ux.TabCloseMenu = function(){ var tabs, menu, ctxItem; this.init = function(tp){ tabs = tp; ta...
ExtJs TabPanel右键功能插件Ext.ux.TabCloseMenu
不如一默
03-25 1817
源码： Ext.ux.TabCloseMenu = function () { var tabs, menu, ctxItem; this.init = function (tp) { tabs = tp; tabs.on('contextmenu', onContextMenu); } function onContextMenu(ts, item, e) { ctxI
jquery仿tab_panel插件
dreamingcoder259的专栏
10-19 1402
jquery-easyui.js
Jericho Tab
sinatAPGW的博客
03-28 4173
$.fn.initJerichoTab
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值