13個(gè)絢麗的Jquery 界面設(shè)計(jì)網(wǎng)站推薦
How to create the image-less from Google.com
無(wú)圖片、完全通過(guò)CSS控制的一些表單元素。據(jù)說(shuō)Google專門(mén)招募了一些設(shè)計(jì)高手專門(mén)研究一些此項(xiàng)技術(shù)。
![clip_image002[4]](/upload/201009/20100928084117543.png "clip_image002[4]")
How to Create an Image Gallery with easily Switchable Views
此相冊(cè)具有兩種視圖：文字并茂和純圖片效果，這兩種效果可以靈活第進(jìn)行切換。
An Animated Sharing-Bar that includes a 3D Carousel Effect
3D旋轉(zhuǎn)效果展示分享按鈕，具有動(dòng)畫(huà)效果。WordPress的tab云好像也有這種效果。
Facebook Style Footer Admin Panel with CSS and jQuery
類似Facebook的底部管理面板，把一些常用的管理按鈕放到網(wǎng)站的底部。
How to use the Sliding-Doors Technique to create buttons using Sprites
減輕服務(wù)器負(fù)擔(dān)的Sprite技術(shù)
jQuery Mega-Menu with slide-down effects
一個(gè)富導(dǎo)航按鈕，能夠展示更寬廣和大氣的導(dǎo)航。
jQuery Fly-To-Basket Effect for Online Stores
點(diǎn)擊【Add to Basket】按鈕,商品滑動(dòng)到右側(cè)的購(gòu)物車，非常Cool。
Fancy Quotes using jQuery, CSS and Ajax
鼠標(biāo)放到右側(cè)的概要List時(shí)，右側(cè)List自動(dòng)滾動(dòng)，鼠標(biāo)點(diǎn)擊后，左側(cè)展示詳細(xì)內(nèi)容。
GivaLabs iButtons – a different way of displaying your checkbox
具有動(dòng)畫(huà)效果的CheckBox
jQuery Impromptu – A Sleek, light-weight and simple way to add user-prompts
光滑、輕量級(jí)的用戶提示框。
NiceForms – Easy Form Skinning for the masses
非常漂亮的表單元素皮膚，可以美化checkbox, select and input field 等元素。
A Very Simple Change to your Layout – Fade in and Fade-out effects for main page icons
頁(yè)面Icon圖標(biāo)的淡入和淡出效果
A Colorful Accordion with Bounce Effects
具有顏色的手風(fēng)琴效果
英文地址：http://addyosmani.com/blog/13-jquery-user-interface-tutorials-to-improve-your-designs/
相關(guān)文章
25個(gè)非常棒的jQuery滑塊插件和教程小結(jié)
圖像滑塊和幻燈片效果，已成為網(wǎng)頁(yè)設(shè)計(jì)的基本要素。它們以有趣的方式展示視覺(jué)內(nèi)容。如果你一直想知道這是如何實(shí)現(xiàn)的，那么這里的25個(gè)非常棒的 jQuery 圖片滑塊制作教程將幫助您實(shí)現(xiàn)這種效果2011-09-09
jQuery學(xué)習(xí)筆記 獲取jQuery對(duì)象
為了將Web的結(jié)構(gòu)層和表現(xiàn)層、行為層徹底分離，就不應(yīng)該在HTML標(biāo)簽上直接定義樣式或事件等。這意味著要想設(shè)置頁(yè)面中的某個(gè)元素，就需要先把這個(gè)元素選擇出來(lái)，選擇器正是解決這個(gè)問(wèn)題的技術(shù)2012-09-09
jQuery的Ajax接收java返回?cái)?shù)據(jù)方法
今天小編就為大家分享一篇jQuery的Ajax接收java返回?cái)?shù)據(jù)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
jquery select選中的一個(gè)小問(wèn)題
jquery使select選中的注意事項(xiàng)。2009-10-10
一個(gè)關(guān)于jqGrid使用的小例子(行按鈕)
一個(gè)關(guān)于jqGrid使用的小例子(行按鈕) ，使用jqGrid的朋友可以參考下。2011-11-11
jQuery實(shí)現(xiàn)偽分頁(yè)的方法分享
這篇文章主要介紹了jQuery實(shí)現(xiàn)偽分頁(yè)的方法,結(jié)合實(shí)例形式分析了jQuery實(shí)現(xiàn)偽分頁(yè)的具體步驟與相關(guān)實(shí)現(xiàn)代碼,需要的朋友可以參考下2016-02-02
jQuery插件cxSelect多級(jí)聯(lián)動(dòng)下拉菜單實(shí)例解析
這篇文章主要為大家詳細(xì)解析了jQuery插件cxSelect多級(jí)聯(lián)動(dòng)下拉菜單實(shí)例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-06-06
這篇文章主要介紹了jQuery性能優(yōu)化技巧,較為詳細(xì)的分析了jQuery的常見(jiàn)使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-02-02
jQuery實(shí)現(xiàn)的tab標(biāo)簽切換效果示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的tab標(biāo)簽切換效果,結(jié)合實(shí)例形式分析了jQuery響應(yīng)鼠標(biāo)事件動(dòng)態(tài)變換頁(yè)面元素屬性的相關(guān)操作技巧,需要的朋友可以參考下2016-09-09
利用js(jquery)操作Cookie的方法說(shuō)明
本篇文章主要是對(duì)利用js(jquery)操作Cookie的方法進(jìn)行了詳細(xì)的說(shuō)明介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12