简单易用,便于扩展的 JQuery 标签页 Tabs Plugin 插件
http://www.boarsoft.com/javascript/tabs/custom.html
var tabs = $('.tabs');
tabs.mac('tabs', {
tabWidth: 120,//default 90
tabHeight: 28,//default 26
speed: 8, //default 6
hbarHeight: 1, //default 2
items: [{
code: 'tab1',
title: 'Default Height Tab',
url: '/javascript/tabs/tab3.html',
autoLoad: true,
bodyCls: 'tab1'
},{
code: 'tab2',
title: 'Auto Height Tab',
url: '/javascript/tabs/tab4.html',
autoLoad: false,
height: 'auto',
bodyCls: 'tab2'
},{
code: 'tab3',
title: 'Fix Height Tab',
url: '/javascript/tabs/tab5.html',
autoLoad: false,
height: 200,
bodyCls: 'tab3'
}]
}).selectFirst();
- 大小: 5.5 KB
分享到:
相关推荐
在插件的主要实现部分,作者使用了jQuery的`$.each()`方法遍历每一个匹配的元素,并利用自定义的`this.setActiveTab`私有方法来切换标签页。在这个方法里,作者首先检查选中的标签页是否和当前激活的iframe是同一个...
10. **jQueryUI Tabs**:用于创建易用的标签页组件,适合展示分块内容,如产品介绍、文档章节等。 11. **Lightbox**:轻量级的图片弹出层插件,常用于全屏展示图片,增强用户体验。 12. **Form Validation**:表单...
想着jQuery这么强大的库不可能没有tabs插件吧,赶紧搜了一下,哈,果然!jQuery tabs!心里一阵窃喜,赶紧load下来用用吧。可查看了一下它的用法,才发现不太适用现有的项目耶,我们的tab每一个都对应着一个完整的...
这可能是一个外部JS文件,如`tabs-slider-plugin.js`,并且需要在jQuery库之后引入,确保jQuery已经加载。 3. **HTML结构**:在HTML中设置相应的结构以适应选项卡和幻灯片的需求。这通常包括一组标签(用于选项卡)...
- **内容**:本章涵盖了网页上常见的导航菜单、标签页、提示框和面板等交互组件的设计与实现方法。 - **重点**:详细讲解了如何利用jQuery创建各种导航菜单,如下拉菜单、侧边栏菜单等,并介绍了如何制作美观且实用...
在不增加过多的页面负担的情况下,LiteTabs能够帮助开发者轻松实现多标签页展示内容,提高用户体验。 一、jQuery基础 jQuery是一个广泛应用于前端开发的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和...
5. **Menus, Tabs, Tooltips, and Panels**(菜单、标签页、工具提示与面板):教授如何使用jQuery创建各种交互式菜单、标签页、工具提示和面板等UI组件。 6. **Construction, Ajax, and Interactivity**(构建、...
文章虽然提到的是“随意拖动图片”的特效,但从具体内容来看,更多的是介绍如何使用jQuery及其插件来创建一个动态的、可嵌套的标签页系统。下面将详细介绍这一知识点。 ### 标题:“网页特效==随意拖动图片” 此...
10. **jQuery Validation Plugin**: 对于表单验证,这个插件提供了易于使用的API,可以方便地为静态模板中的表单添加验证规则。 以上组件和插件都是jQuery生态中的重要组成部分,它们极大地丰富了静态模板的构建...
- ** tabs(标签页)**:多页面管理,每个标签页可以是独立的内容区域。 5. **数据加载与异步通信**: - **数据加载器(DataLoader)**:用于从服务器加载数据,支持JSON、XML等多种数据格式。 - **Ajax请求...
- **Tabs 标签页**和**Accordion 手风琴**:用于组织多个视图,便于切换和展示内容。 - **Layout 布局**:允许灵活的区域划分,实现内容的分栏或网格布局。 - **Menu 菜单**和**Button 按钮**:提供下拉菜单、...
9. **Tabs标签页/选项卡** - 多个标签页的容器,用于切换不同的内容区域。 10. **Accordion手风琴** - 类似于面板,但一次只能打开一个面板。 11. **Menu菜单** - 下拉菜单,用于导航或操作。 12. **...
在使用EasyUI进行Web开发时,我们可能会遇到与`jquery.easyui.min.js`函数库相关的各种问题。EasyUI是基于jQuery的一个强大且易用的前端框架,它提供了丰富的组件和功能,如表格、对话框、菜单、布局等,极大地简化...