使用HTML 5、CSS3和jQuery增強(qiáng)網(wǎng)站用戶體驗(yàn)
記得幾年前如果你需要添加一些互動(dòng)元素到你的網(wǎng)站中用來改善用戶體驗(yàn)?是不是立刻就想到了flash實(shí)現(xiàn)?這彷佛年代久遠(yuǎn)的事了。使用現(xiàn)在最流行的Web技術(shù)HTML5，CSS3和jQuery，同樣也可以實(shí)現(xiàn)類似的用戶體驗(yàn)。而且使用這些特性將會(huì)比使用flash更加有效。也許你可能剛知道Adobe停止開發(fā)移動(dòng)版flash的消息，雖然在桌面中我們還擁有大量的flash的應(yīng)用，但是隨著HTML標(biāo)準(zhǔn)的完善，可能flash也要退出歷史舞臺(tái)了。在今天這篇文章中，我們將介紹一些非常實(shí)用的教程，技巧和資源來幫助大家構(gòu)建一個(gè)更加豐富的用戶界面。請大家給積極我們留言!您的支持是我們的最好的動(dòng)力!
表單類
這個(gè)教程將幫助你構(gòu)建一個(gè)非常動(dòng)感的checkbox，用來替換缺省的checkbox，相信大家會(huì)喜歡更富有活力的UI界面
這是來自Nettus+的超棒教程，將教你如何使用HTML5特性來構(gòu)建表單
一個(gè)alert，對話框等組件的替代品，用戶將會(huì)更喜歡這種UI元素
一個(gè)非常靈活的對話框框架，提供了非常好的用戶界面設(shè)計(jì)，能夠幫助你生成非?？岬谋韱?/p>
多層選擇下拉框，非常適合樹狀結(jié)構(gòu)的展現(xiàn)
個(gè)人非常喜歡使用的表單美化插件，能夠幫助你構(gòu)建漂亮的UI界面。
非常不錯(cuò)的一款jQUery框架，允許你使用設(shè)計(jì)的主題將表單轉(zhuǎn)化成非?？酻I。當(dāng)然你也可以自己自定義一個(gè)主題
Uniform將使用自定義的皮膚遮蓋缺省的表單，并且可以和你實(shí)際的表單元素同步，保證了訪問和兼容
image buttons a part of input fields
教你如何生成輸入框中的按鈕
非常不錯(cuò)的WP插件，能夠生成一個(gè)?？宽撨叺穆?lián)系人表單，不使用的時(shí)候自動(dòng)隱藏
jQuery高亮顯示功能，能夠讓輸入高亮，提示用戶輸入內(nèi)容
個(gè)人非常喜歡使用的表單輸入驗(yàn)證插件，具體使用參考這篇文章：
使用jQuery插件jquery.validationEngine實(shí)現(xiàn)表單驗(yàn)證功能
#p#
導(dǎo)航類
這個(gè)jQuery開發(fā)的導(dǎo)航菜單讓人想起了flash開發(fā)的菜單效果，整個(gè)移動(dòng)如此的順暢，讓你感覺它就是flash開發(fā)的。 兼容所有的瀏覽器，即使javascript被關(guān)閉也可以正常工作。
如果你想開發(fā)一個(gè)多層的屬性菜單，那么這個(gè)插件就是你要找的解決方法之一。
一個(gè)非常不錯(cuò)的滑動(dòng)面板，非常適合滑動(dòng)類型面板的應(yīng)用。 并且可以使用高級(jí)特性增強(qiáng)功能
如果考慮擴(kuò)展性，這個(gè)插件恐怕是你能找到的最好的面板導(dǎo)航標(biāo)簽頁插件了。
Smooth horizontal sliding menu
這個(gè)教程教你如何使用jQuery來創(chuàng)建一個(gè)垂直滑動(dòng)顯示的子菜單
這個(gè)可以縮放的當(dāng)前位置可以自動(dòng)根據(jù)當(dāng)前位置長度來縮放，非常不錯(cuò)的創(chuàng)意
非常動(dòng)感的一個(gè)導(dǎo)航實(shí)現(xiàn)， 能夠給你的鏈接添加一個(gè)花朵的效果
一個(gè)使用非常簡單的手風(fēng)琴顯示效果
#p#
用戶界面類
Slide node是一個(gè)可以幫助你提供一些有效提示或者信息從而方便你訪問用戶使用網(wǎng)站的插件。
一個(gè)非?？岬娘@示廣告的插件。
jQuery的無限滾動(dòng)效果插件，用來幫助你現(xiàn)實(shí)大幅的內(nèi)容
一個(gè)動(dòng)態(tài)垂直滑動(dòng)顯示導(dǎo)航菜單的插件
一個(gè)非?？岬牟寮试S你添加提示到你的網(wǎng)站。當(dāng)然提供了可選的皮膚。
一個(gè)能夠讓你的網(wǎng)站背景幻燈顯示的插件
不是一個(gè)簡單的圖片幻燈插件，它能夠讓你指定一個(gè)目錄，這個(gè)目錄下的所有圖片都能夠顯示，不需要你在HTML代碼中指定，非常實(shí)用!
一個(gè)可以幫助你控制每個(gè)單獨(dú)字母的插件。 幫助你有效的創(chuàng)建一些獨(dú)特的文字效果
這個(gè)插件允許你添加鏈接來修改頁面的樣式表
Flip是一個(gè)幫助你實(shí)現(xiàn)翻動(dòng)元素效果的jQuery插件。
文章出自：gbin1.com
【編輯推薦】
