qileilove

記 得幾年前如果你需要添加一些互動元素到你的網(wǎng)站中用來改善用戶體驗(yàn)？ 是不是立刻就想到了flash實(shí)現(xiàn)？這彷佛年代久遠(yuǎn)的事了。使用現(xiàn)在最流行的web技術(shù) HTML5，CSS3和jQuery，同樣也可以實(shí)現(xiàn)類似的用戶體驗(yàn)。而且使用這些特性將會比使用flash更加有效。也許你可能剛知道Adobe停止開 發(fā)移動版flash的消息，雖然在桌面中我們還擁有大量的flash的應(yīng)用，但是隨著HTML標(biāo)準(zhǔn)的完善，可能flash也要退出歷史舞臺了。在今天這篇 文章中，我們 將介紹一些非常實(shí)用的教程，技巧和資源來幫助大家構(gòu)建一個更加豐富的用戶界面。請大家給積極我們留言！您的支持是我們的最好的動力！

表單類

jQuery的美化Checkbox

這個教程將幫助你構(gòu)建一個非常動感的checkbox，用來替換缺省的checkbox，相信大家會喜歡更富有活力的UI界面

Rethinking forms in HTML5

這是來自Nettus+的超棒教程，將教你如何使用HTML5特性來構(gòu)建表單

jQuery impromtu

一個alert，對話框等組件的替代品，用戶將會更喜歡這種UI元素

jQuery Simple Modal

一個非常靈活的對話框框架，提供了非常好的用戶界面設(shè)計，能夠幫助你生成非常酷的表單

mcDropdown

多層選擇下拉框，非常適合樹狀結(jié)構(gòu)的展現(xiàn)

jQ transform

個人非常喜歡使用的表單美化插件，能夠幫助你構(gòu)建漂亮的UI界面。

Emblematiq niceforms

非常不錯的一款jQUery框架，允許你使用設(shè)計的主題將表單轉(zhuǎn)化成非常酷UI。當(dāng)然你也可以自己自定義一個主題

Uniform

Uniform將使用自定義的皮膚遮蓋缺省的表單，并且可以和你實(shí)際的表單元素同步，保證了訪問和兼容

image buttons a part of input fields

教你如何生成輸入框中的按鈕

DynamicWP contact form

非常不錯的WP插件，能夠生成一個停靠頁邊的聯(lián)系人表單，不使用的時候自動隱藏

jQuery highlight

jQuery高亮顯示功能，能夠讓輸入高亮，提示用戶輸入內(nèi)容

jQuery inline form validation

個人非常喜歡使用的表單輸入驗(yàn)證插件，具體使用參考這篇文章：

使用jQuery插件jquery.validationEngine實(shí)現(xiàn)表單驗(yàn)證功能

導(dǎo)航類

White smoke menu style

這個jQuery開發(fā)的導(dǎo)航菜單讓人想起了flash開發(fā)的菜單效果，整個移動如此的順暢，讓你感覺它就是flash開發(fā)的。 兼容所有的瀏覽器，即使javascript被關(guān)閉也可以正常工作。

 jQuery mb.Menu

如果你想開發(fā)一個多層的屬性菜單，那么這個插件就是你要找的解決方法之一。

Coda Slider

一個非常不錯的滑動面板，非常適合滑動類型面板的應(yīng)用。 并且可以使用高級特性增強(qiáng)功能

 ID Tabs

如果考慮擴(kuò)展性，這個插件恐怕是你能找到的最好的面板導(dǎo)航標(biāo)簽頁插件了。

Smooth horizontal sliding menu

這個教程教你如何使用jQuery來創(chuàng)建一個垂直滑動顯示的子菜單

jBreadCrumb Menu

這個可以縮放的當(dāng)前位置可以自動根據(jù)當(dāng)前位置長度來縮放，非常不錯的創(chuàng)意

jQuery FLOWERNAV

非常動感的一個導(dǎo)航實(shí)現(xiàn)， 能夠給你的鏈接添加一個花朵的效果

jQuery Accordion

一個使用非常簡單的手風(fēng)琴顯示效果

用戶界面類

jQuery Slide Note

Slide node是一個可以幫助你提供一些有效提示或者信息從而方便你訪問用戶使用網(wǎng)站的插件。

jQuery page peel

一個非常酷的顯示廣告的插件。

jQuery infiniScroll

jQuery的無限滾動效果插件，用來幫助你現(xiàn)實(shí)大幅的內(nèi)容

jQuery SliderNav

一個動態(tài)垂直滑動顯示導(dǎo)航菜單的插件

jQuery tipped

一個非常酷的插件允許你添加提示到你的網(wǎng)站。當(dāng)然提供了可選的皮膚。

Supersized

一個能夠讓你的網(wǎng)站背景幻燈顯示的插件

Imagin8

不是一個簡單的圖片幻燈插件，它能夠讓你指定一個目錄，這個目錄下的所有圖片都能夠顯示，不需要你在HTML代碼中指定，非常實(shí)用！

jQuery Lettering

一個可以幫助你控制每個單獨(dú)字母的插件。 幫助你有效的創(chuàng)建一些獨(dú)特的文字效果

jQuery stylesheet Switcher

這個插件允許你添加鏈接來修改頁面的樣式表

Flip

Flip是一個幫助你實(shí)現(xiàn)翻動元素效果的jQuery插件

原文來自：使用HTML5,CSS3和jQuery來增強(qiáng)網(wǎng)站的用戶體驗(yàn)和使用樂趣