jQuery插件之Tabpanel

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

基本的效果图如下:

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

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

大家可以直接体验:live demo

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。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值