用戶界面框架jQuery EasyUI示例大全之Tabs

<jQuery EasyUI最新試用版免費下載>

jQuery EasyUI致力於幫助web開發者更輕鬆的打造出功能豐富而且美觀的UI界面。jQuery EasyUI提供了基於當下流行的jQuery core和HTML5的控件，助您打造適合當今網絡的應用程序。

基本標籤

本演示主要爲你們展現了點擊標籤交換標籤面板內容。【另附源代碼供你們參考】

|在線Demo

自動調整標籤高度

本演示主要爲你們展現如何使標籤高度按照標籤面板內容自動進行調整。【另附源代碼供你們參考】

|在線Demo

懸停標籤

本演示主要爲你們演示將鼠標移至標籤欄時能夠打開標籤面板。【另附源代碼供你們參考】

|在線Demo

嵌套標籤

本演示主要展現如何在標籤面板中包含其餘子標籤或其餘組件。【另附源代碼供你們參考】

|在線Demo

標籤條工具

本演示主要展現了標籤條工具，點擊標籤欄的小按鈕來執行操做。【另附源代碼供你們參考】

|在線Demo

標籤工具

本示例主要演示了標籤工具，點擊標籤頭右上方添加或刪除標籤面板的按鈕。【另附源代碼供你們參考】

|在線Demo

標籤樣式

本示例主要演示了標籤樣式，點擊下面的選項能夠更改標籤的樣式。【另附源代碼供你們參考】

|在線Demo

標籤位置

本演示主要介紹瞭如何更改標籤的位置；點擊 'position'下拉列表，選擇其中一個項目能夠更改標籤的位置。【另附源代碼供你們參考】

|在線Demo

固定標籤寬度

本演示主要介紹瞭如何固定標籤的寬度，使標籤帶都具備固定的寬度和高度。【另附源代碼供你們參考】

|在線Demo

帶有圖像的標籤

本演示主要展現瞭如何使標籤帶有圖像，標籤欄能夠顯示大圖。【另附源代碼供你們參考】

|在線Demo

帶有下拉菜單的標籤

本演示主要顯示瞭如何在一個標籤條中添加一個下拉菜單。【另附源代碼供你們參考】

|在線Demo

流體標籤

本示例展現瞭如何設置標籤寬度爲其父容器的百分比。【另附源代碼供你們參考】

|在線Demo