实例Demo
参数说明
Config
active
Number Active tab index. Base on 0.
autoResizable
Boolean Whether panel resizes itself according to content.
border
Boolean To show border or not.
height
String Initialization height.
- //heigh config
- height :'200px'// or '100%'.
heightResizable
Booean Whether end user can change panel height by mouse dragging.
items
Array Tab items array.
renderTo
String or JQuery object To specify where tab panel will be placed. It could be a DOM id or jquery object.
width
String Initialization width.
- // width config, in px or percentage.
- width :'200px'// or '100%'.
widthResizable
Boolean Whether end user can change panel width by mouse dragging.
Method
addTab(item)
To add a new tab.
Object | item | Object for item profile. |
- //to add a new tab
- addTab({id:"newtabid",
- title:"I am new",
- html:"some new message goes here",
- closable:true,
- disabled:false,
- icon:"image/new.gif"
- });
getActiveIndex()
To get index of active tab.
Return Number - index of active tab.
getActiveTab()
To get active tab.
Return Object - Profile of active tab.
getClosable(id)
To determine whether tab is closable or not.
String | id | item id. |
getContent(id)
To get tab inner html.
String | id | item id. |
getDisable(id)
To determine whether tab is disabled or not.
String | id | item id. |
getTabPosision(id)
To get tab index.
Return Number - index of tab.
String | id | item id. |
getTabsCount()
To get how many tabs are in the panel.
Return Number - Number of tabs .
getTitle(id)
To get tab title.
String | id | item id. |
kill(id)
To close tab.
String | id | item id. |
refresh(id)
To refresh tab content.
String | id | item id. |
setClosable(id, True)
To enable or disable end user to close tab.
String | id | Item id. |
Booleaan | True | for closable, false for not. |
setContent(id, title)
To set tab title.
String | id | Item id. |
String | title | Tab inner html. |
setDisable(id, True)
To enable or disable tab.
String | id | Item id. |
Booleaan | True | for disabled, false for enabled. |
setRenderWH(wh)
To set width and height of the panel.
Object | wh | width and height. |
- //To set tab height and width
- setRenderWH({width:'200px', height:'400px'});
setTitle(id, title)
To set tab title.
String | id | Item id. |
String | title | Tab title. |
相关推荐
本示例“jQuery选项卡”旨在演示如何利用jQuery实现动态切换的选项卡功能,提供多样的皮肤选择,使得用户界面更加友好且互动性强。 选项卡组件是Web界面设计中的常见元素,用于组织和展示大量信息。它通过将相关...
在这个场景中,"jquery 切换选项卡" 主要指的是使用 jQuery 来实现的选项卡效果。 首先,我们来理解一下基本的选项卡结构。一个简单的选项卡通常由以下几个部分组成: 1. 选项卡头(Tab Headers):显示各个选项卡...
在网页设计中,jQuery选项卡切换图片异步加载是一种常见的用户体验优化技术,它能提高页面加载速度并降低服务器压力。这种技术尤其适用于图片丰富的网站,如图片相册、产品展示等场景。本压缩包"jQuery选项卡切换...
本资源“jquery选项卡源码”是基于jQuery实现的圆角选项卡功能,适用于那些希望为自己的网站添加美观且实用的导航功能的开发者。 选项卡是一种常见的UI设计模式,用于组织和展示大量信息,通过将内容分组到不同的...
标题中的“可以无限增加和华丽滚动的jquery选项卡插件”指的是一个基于jQuery库的UI组件,它允许用户创建能够无限滚动的选项卡界面。这种插件通常用于展示大量内容,如新闻、产品目录或者用户反馈,使得用户可以通过...
本教程将聚焦于利用jQuery来制作一个滑动选项卡切换插件,即“slider滑动选项卡切换”。这种组件常见于网站的导航、展示内容或者产品介绍中,能够以动态、吸引人的形式展示信息。 首先,我们需要理解jQuery的基本...
本资源“jQuery选项卡滑动切换图片代码.zip”提供了实现动态、交互式选项卡图片滑动切换功能的代码示例,尤其适用于增强用户界面的吸引力和互动性。 首先,"选项卡(TAB)"是网页布局中的常见组件,它允许将大量信息...
在这个场景中,我们讨论的是如何利用jQuery的Ajax功能来创建一个选项卡系统,该系统在用户切换选项卡时能动态地从服务器加载内容。 首先,让我们了解jQuery选项卡的基本结构。通常,选项卡由HTML的`<div>`或`<ul>`...
除了基本功能,jQuery UI还允许通过CSS样式和JavaScript扩展对选项卡进行更高级的定制。例如,你可以使用CSS更改选项卡的外观,或者通过编写自定义的事件处理器来实现特定的交互逻辑。 **五、示例应用** jQuery ...
"jQuery 选项卡"是jQuery中常见的交互式组件,常用于展示多部分内容,用户可以通过点击不同的标签切换显示内容。这个压缩包包含了一些基本的资源,可以帮助初学者或者开发者快速理解和实现选项卡功能。 首先,`...
首先,让我们了解jQuery选项卡的基本结构。通常,选项卡由两部分组成:一个是用于展示标题的容器,另一个是用于显示详细内容的容器。在HTML中,我们可以使用`<ul>`和`<li>`元素来创建标题,而详细内容则可以放在`...
在网页设计中,jQuery选项卡风格的下拉导航是一种常见的交互元素,它能有效地组织大量信息,提升用户体验。本资源“jQuery选项卡风格下拉导航代码”提供了实现这种功能的具体代码,尤其适用于企业网站和商城网站,...
jQuery选项卡切换特效代码是一款基于jquery-1.7.2.min.js制作的图片选项卡切换效果网页代码。鼠标经过各个选项卡图标菜单,自动进行内容切换,图文并茂,简洁大气,效果不错,横向选项卡,兼容各大主流浏览器。
本篇文章将详细讲解"jquery选项卡滑动门文本自适应边界特效"这一主题,以及如何利用jQuery实现这种效果。 首先,我们需要理解"选项卡"的概念。选项卡是一种常见的网页布局方式,它允许用户通过点击不同的标签来切换...
会自动播放样子也很经典的jquery选项卡 用户jQuery 入门的好例子
在网页设计中,jQuery选项卡模板是一种常见的交互元素,它能有效地组织和展示大量信息,提升用户体验。"jquery选项卡模板"就是一种基于jQuery库实现的这种功能的代码模板。这个模板利用JavaScript和CSS,创建了一个...
**jQuery UI 选项卡实例详解** 在Web开发中,选项卡是一种常见的用户界面元素,它可以帮助用户组织和浏览大量信息,提升用户体验。jQuery UI库提供了一套完整的解决方案,包括易于使用的选项卡组件。本实例将深入...
本教程将详细介绍如何利用jQuery和CSS技术来创建一款功能完善的选项卡组件,并且需要引入jQuery UI库以增强其表现力和可用性。 首先,我们需要在HTML中设置选项卡的基本结构。这通常包括一个包含所有选项标题的容器...
本示例程序着重展示了jQuery在实现选项卡切换和分页功能上的应用,这在许多网站上都是常见的交互元素。 选项卡是网页设计中常用的一种布局方式,它可以将大量内容组织成清晰、简洁的形式,提高用户体验。jQuery实现...