# jQuery UI 實例 jQuery UI 提供了一組用戶界面交互、特效、小部件、實用工具及主題。通過實例演示、查看源代碼、[創建主題](//jqueryui.com/themeroller/)、閱讀[API 文檔](jqueryui-api.html)，開始學習使用 jQuery UI。 ## 交互（Interactions） 交互（Interactions）向任何元素添加基本的基于鼠標的行為。您可以只通過短短的幾行代碼即可創建排序列表、縮放元素、拖放行為等等。交互（Interactions）也作用于更復雜的小部件和應用程序。 * [拖動（Draggable）](example-draggable.html) * [放置（Droppable）](example-droppable.html) * [縮放（Resizable）](example-resizable.html) * [選擇（Selectable）](example-selectable.html) * [排序（Sortable）](example-sortable.html) ## 小部件（Widgets） 小部件（Widgets）有功能齊全的 UI 控件，使桌面應用程序也具備 Web 應用程序一樣豐富的功能。所有的小部件（Widgets）提供了一個核心，帶有定制行為的大量擴展以及完整的主題支持。 * [折疊面板（Accordion）](example-accordion.html) * [自動完成（Autocomplete）](example-autocomplete.html) * [按鈕（Button）](example-button.html) * [日期選擇器（Datepicker）](example-datepicker.html) * [對話框（Dialog）](example-dialog.html) * [菜單（Menu）](example-menu.html) * [進度條（Progressbar）](example-progressbar.html) * [滑塊（Slider）](example-slider.html) * [旋轉器（Spinner）](example-spinner.html) * [標簽頁（Tabs）](example-tabs.html) * [工具提示框（Tooltip）](example-tooltip.html) ## 特效（Effects） 特效（Effects）支持顏色動畫和 Class 轉換，同時也提供了一些額外的 Easings。另外，提供了一套完整的定制特效，供顯示和隱藏元素時或者只是添加一些視覺顯示時使用。 * [特效（Effect）](example-effect.html) * 可見性（Visibility） * [顯示（Show）](example-show.html) * [隱藏（Hide）](example-hide.html) * [切換（Toggle）](example-toggle.html) * Class 動畫（Class Animation） * [添加 Class（Add Class）](example-addClass.html) * [移除 Class（Remove Class）](example-removeClass.html) * [切換 Class（Toggle Class）](example-toggleClass.html) * [轉換 Class（Switch Class）](example-switchClass.html) * [顏色動畫（Color Animation）](example-animate.html) ## 實用工具（Utilities） jQuery UI 使用實體工具（Utilities）來創建交互（interactions）和小部件（widgets）。 * [定位（Position）](example-position.html) * [部件庫（Widget Factory）](example-widget.html)