用戶界面框架jQuery EasyUI示例大全之連接按鈕

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

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

基本連接按鈕

本演示主要展現了基本的連接按鈕，可使用'a'或'button'元素建立按鈕。【另附源代碼供你們參考】

|在線Demo

普通連接按鈕

具備普通樣式的按鈕擁有的是透明背景，本演示主要爲你們展現了普通的連接按鈕。【另附源代碼供你們參考】

|在線Demo

連接按鈕大小

本演示主要爲你們展現如何顯示大按鈕和小按鈕。【另附源代碼供你們參考】

|在線Demo

在連接按鈕上對齊圖標

本演示主要爲你們展現如何在連接按鈕上更改圖標的對齊方式，能夠放置在按鈕的左、右、頂部或底部。【另附源代碼供你們參考】

|在線Demo

切換按鈕

本演示主要展現了切換按鈕，點擊按鈕切換選擇的狀態。【另附源代碼供你們參考】

|在線Demo

按鈕組

本演示主要展現按鈕組，在按鈕組中只有一個按鈕能夠選擇。【另附源代碼供你們參考】

|在線Demo

連接按鈕樣式

本演示主要說明了如何設置連接按鈕的樣式。【另附源代碼供你們參考】

|在線Demo

流體連接按鈕

本演示主要展現瞭如何設置連接按鈕的寬度爲其父容器的百分比。【另附源代碼供你們參考】

|在線Demo

基本菜單

本演示主要介紹了基本的菜單，點擊右鍵顯示菜單頁。【另附源代碼供你們參考】

|在線Demo

自定義菜單項

右鍵單擊頁面來顯示菜單，移動到'Open'來顯示其自定義的副本內容。【另附源代碼供你們參考】

|在線Demo

內聯菜單

本示例主要爲你們介紹了內聯菜單，該內聯菜單保留在其父容器內。【另附源代碼供你們參考】

|在線Demo