壁紙、壁布、進口壁紙、進口壁布 壁紙腰帶、特殊壁紙、及各類壁紙 | 裝璜拆除,店面拆除,地板拆除,廢棄物清運 專業打石,價格公道,免費到府估價 |
[JQuery] jQuery UI是什麼? |
房東:隱千代 發表時間:2011-10-05 | [檢舉] |
【jQuery UI是什麼?】 隨著Web 2.0的潮流,這幾年來網站設計也逐漸走向華麗風,傳統以圖片與文字為主,點什麼都要送回伺服器重新刷新網站的設計方式,早已無法滿足使用者的胃口。使用者期望網頁可以像Window Form程式一般,對滑鼠、鍵盤操作立即反應,而諸如Tab(頁籤)、TreeView(樹狀結構圖)、拖拉操作、點選排序這些操作概念,也被視為理所當然。 於是,使用者口味愈吃愈重,如何設計出符合使用者預期的網頁,就變得愈來愈有挑戰性! 很多Javascript Framework都在這方面下了功\夫,例如:Yahoo! UI Library、Google Web Toolkit都有針對UI操作試著提供基本的UI架構(如Theme)及現成的Widget(網頁上嵌入的小元件,具有其獨立的用途與功\能,可以想像成ASP.NET中的控制項),讓開發人員能迅速簡便地設計出高互動性的網頁。當然,jQuery在這塊領域也沒有缺席。 jQuery UI是由jQuery UI團隊所致力開發的Open Source專案,其目標是以jQuery為基礎,將底層的操作互動、動畫以及進階特效提取出來,並提供高階、可設定視覺主題的Widget。因應 jQuery 1.3的推出,目前維持兩個版本並行,jQuery UI 1.6rc6演化成jQuery UI 1.7版,可配合jQuery 1.3+使用,而jQuery UI 1.6rc2變成jQuery UI 1.6與jQuery 1.2.6搭配。就長期而看,jQuery UI 1.6只是過渡性質,不會再擴充延伸,未來的主要發展還是會以jQuery UI 1.7為主。 jQuery UI有自己專屬的Portal,網址在http://jqueryui.com/,也是jQuery UI團隊的官方網站,網站上提供了最新版本下載以及相關說明文件等等。 【互動操作】 jQuery UI提供一些對User很基本,對Web Developer卻很機車的網頁操作,例如: 拖拉擺\放、拖拉改變大小,這在Window Form上被視為理所當然的基本功\能,卻不在Web元素的內建功\能中,想要實踐得用Javascript掛上一堆Event、並巧妙地操弄DOM元素才能完成,肯定要耗上不少功\夫,而jQuery UI將這類操作簡化成一兩行Code完成,實為功\德一件。 以下為jQuery UI支援的互動操作:
【Widget】 除了基本特效,jQuery UI還提供了一些現成的Widget(網頁控制項),包含:
【特殊效果】 除了基本操作與Widget,jQuery UI還提供了一些有趣的元素特效:
【主題設定】 主題式 (Theme)設計可以讓我們透過更換主題,一口氣改變多個畫面元素的顏色、字型、圖示等等,瞬間改變網頁的呈顯風格,是目前很流行的UI設計架構。而 jQuery UI的Widget也支援主題設定,賦與畫面風格更多趣味及彈性: |
廣利不動產-新板特區指名度最高、值得您信賴的好房仲 您的托付,廣利用心為您服務 廣利不動產-板橋在地生根最實在--新板特區指名度最高、值得您信賴的好房仲 完整房訊,房屋、店面熱門精選物件,廣利不動產 優質仲介,房屋租賃、買賣資訊透明,交易真安心! |