您当前的位置：首页 > 网站建设 > jQuery
\| php \| asp \| css \| H5 \| javascript \| Mysql \| Dreamweaver \| Delphi \| 网站维护 \| 帝国cms \| React \| 考试系统 \| ajax \| jQuery \|

jQuery EasyUI 布局插件 - Tabs 标签页/选项卡

51自学网 2023-01-16 20:14:35

jQuery

通过 $.fn.tabs.defaults 重写默认的 defaults。

The tabs display a collection of panel. It shows only one tab panel at a time. Each tab panel has the header title and some mini button tools, including close button and other customized buttons.

依赖

panel
linkbutton

用法

创建标签页（Tabs）

1、通过标记创建标签页（Tabs）

从标记创建标签页（Tabs）更容易，我们不需要写任何 JavaScript 代码。记住把 'easyui-tabs' class 添加到 <div> 标记。每个标签页面板（tab panel）通过子 <div> 标记被创建，其用法与面板（panel）一样。

<div id="tt" class="easyui-tabs" style="width:500px;height:250px;">    <div title="Tab1" style="padding:20px;display:none;">
下载地址:
jQuery EasyUI 布局插件 - Accordion 折叠面板
jQuery EasyUI 布局插件 - Panel 面板