首頁 > 網際網路

如何使用jQuery UI開發Web程式(1)

2019-12-12 22:28:51

     jQuery UI是以 jQuery 為基礎的開源 JavaScript 網頁使用者介面程式碼庫。包含底層使用者互動、動畫、特效和可更換主題的可視控制元件。我們可以直接用它來構建具有很好互動性的web應用程式。

     本經驗分享jQuery UI的使用方法。

1

在百度搜尋引擎搜尋「jQuery UI」,如下圖所示。


2

存取jQuery UI官方網站,如下圖所示。


3

點選下載jQuery UI最新版本,如下圖所示。


4

解壓jquery-ui-1.11.4,工程目錄如下圖所示。


5

新建HTML檔案,引入jquery-ui.min.css、jquery.js、jquery-ui.min.js三個檔案。其中jquery-ui.min.css是jQuery UI樣式檔案,jQuery UI顧名思義依賴jQuery,所以需要引入jQuery庫,另外,需要引入jQuery UI本身的Javascript庫,這裡引入壓縮版本以減少檔案的體積。


6

本範例為accordion(手風琴效果),如下圖所示。



IT145.com E-mail:sddin#qq.com