`
Mac_J
  • 浏览: 17874 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

New JQuery 标签页 Tabs Plugin 插件 -- MagicTabs

阅读更多
简单易用,便于扩展的 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
分享到:
评论

相关推荐

    DIY jquery plugin - tabs标签切换实现代码

    在插件的主要实现部分,作者使用了jQuery的`$.each()`方法遍历每一个匹配的元素,并利用自定义的`this.setActiveTab`私有方法来切换标签页。在这个方法里,作者首先检查选中的标签页是否和当前激活的iframe是同一个...

    jQuery的插件列表(2010-1-25更新)

    10. **jQueryUI Tabs**:用于创建易用的标签页组件,适合展示分块内容,如产品介绍、文档章节等。 11. **Lightbox**:轻量级的图片弹出层插件,常用于全屏展示图片,增强用户体验。 12. **Form Validation**:表单...

    DIY jquery plugin – tabs标签切换实现代码

    想着jQuery这么强大的库不可能没有tabs插件吧,赶紧搜了一下,哈,果然!jQuery tabs!心里一阵窃喜,赶紧load下来用用吧。可查看了一下它的用法,才发现不太适用现有的项目耶,我们的tab每一个都对应着一个完整的...

    基于jQuery的可用于选项卡及幻灯片的切换插件.zip

    这可能是一个外部JS文件,如`tabs-slider-plugin.js`,并且需要在jQuery库之后引入,确保jQuery已经加载。 3. **HTML结构**:在HTML中设置相应的结构以适应选项卡和幻灯片的需求。这通常包括一组标签(用于选项卡)...

    [JQuery菜鸟到忍者].Sitepoint.jQuery.Novice.to.Ninja.Feb.2010.pdf

    - **内容**:本章涵盖了网页上常见的导航菜单、标签页、提示框和面板等交互组件的设计与实现方法。 - **重点**:详细讲解了如何利用jQuery创建各种导航菜单,如下拉菜单、侧边栏菜单等,并介绍了如何制作美观且实用...

    LiteTabs:jQuery的轻量级标签插件

    在不增加过多的页面负担的情况下,LiteTabs能够帮助开发者轻松实现多标签页展示内容,提高用户体验。 一、jQuery基础 jQuery是一个广泛应用于前端开发的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和...

    JQuery 菜鸟到忍者(jQuery Novice to Ninja)

    5. **Menus, Tabs, Tooltips, and Panels**(菜单、标签页、工具提示与面板):教授如何使用jQuery创建各种交互式菜单、标签页、工具提示和面板等UI组件。 6. **Construction, Ajax, and Interactivity**(构建、...

    网页特效==随意拖动图片

    文章虽然提到的是“随意拖动图片”的特效,但从具体内容来看,更多的是介绍如何使用jQuery及其插件来创建一个动态的、可嵌套的标签页系统。下面将详细介绍这一知识点。 ### 标题:“网页特效==随意拖动图片” 此...

    jquery静态模版常用组件

    10. **jQuery Validation Plugin**: 对于表单验证,这个插件提供了易于使用的API,可以方便地为静态模板中的表单添加验证规则。 以上组件和插件都是jQuery生态中的重要组成部分,它们极大地丰富了静态模板的构建...

    jQuery EasyUI 1.4.5 版 API 中文版

    - ** tabs(标签页)**:多页面管理,每个标签页可以是独立的内容区域。 5. **数据加载与异步通信**: - **数据加载器(DataLoader)**:用于从服务器加载数据,支持JSON、XML等多种数据格式。 - **Ajax请求...

    jquery easyui 中文帮助文档(最完整的API).docx

    - **Tabs 标签页**和**Accordion 手风琴**:用于组织多个视图,便于切换和展示内容。 - **Layout 布局**:允许灵活的区域划分,实现内容的分栏或网格布局。 - **Menu 菜单**和**Button 按钮**:提供下拉菜单、...

    jQueryEasyUiApi

    9. **Tabs标签页/选项卡** - 多个标签页的容器,用于切换不同的内容区域。 10. **Accordion手风琴** - 类似于面板,但一次只能打开一个面板。 11. **Menu菜单** - 下拉菜单,用于导航或操作。 12. **...

    在easyUI开发中,出现jquery.easyui.min.js函数库问题的解决办法

    在使用EasyUI进行Web开发时,我们可能会遇到与`jquery.easyui.min.js`函数库相关的各种问题。EasyUI是基于jQuery的一个强大且易用的前端框架,它提供了丰富的组件和功能,如表格、对话框、菜单、布局等,极大地简化...

Global site tag (gtag.js) - Google Analytics