資源描述:
《40個實用的jquery用戶界面ui設(shè)計技巧及教程》由會員上傳分享,免費在線閱讀,更多相關(guān)內(nèi)容在學(xué)術(shù)論文-天天文庫。
1、40個實用的jQuery用戶界面UI設(shè)計技巧及教程jQuery在web開發(fā)中已經(jīng)吸引了大量開發(fā)人員。使用jQuery能構(gòu)建強大的用戶交互界面設(shè)計。在本篇文章中,GBin1將與廣大jQuery開發(fā)者分享40個jQuery的用戶設(shè)計技巧和教程。1.使用jQuery構(gòu)建動畫橫幅通過這篇教程學(xué)習(xí)我們將能實用jQueryEasing插件和jQuery2Dtransform插件創(chuàng)建一個定制的動態(tài)橫幅。主要的設(shè)計思路是使得一個橫幅有不同元素并且能夠根據(jù)需要自己依次移動。GBin12.使用jQuery旋轉(zhuǎn)移動圖片框GBin13.使用PHP&jQu
2、ery快速實現(xiàn)反饋表單GBin14.Wijmo-jQuery的UI小部件Wijmo是一個完整的jQueryUI小部件類庫。它整合了jQuery,CSS3,SVG和HTML5,危險而強大。GBin15.本頁導(dǎo)航-jQuery插件非常實用的導(dǎo)航插件,由TrevorDavis開發(fā),能幫助你導(dǎo)航的時候平滑的滾動,這個插件基于jQueryScrollTo插件GBin16.使用jQueryMobile實現(xiàn)RSS閱讀使用PHP和jQuery創(chuàng)建一個簡單的Tuts+RSS閱讀應(yīng)用。當(dāng)我們完成之后,你可以直接加到iphone或者android電話中
3、。GBin17.簡易手風(fēng)琴效果插件-EasyAccordionAndreaCimaSerniotti開發(fā)的EasyAccordion插件將能夠幫助你定義列表,并且生成平滑的橫向手風(fēng)琴效果。GBin18.Lettering-jQuery印刷字效果插件這篇教程將介紹如何創(chuàng)建印刷海報,及其個性化得標(biāo)題,而且可以被自由選取。GBin19.使用jQuery實現(xiàn)注釋式樣的浮動效果生成簡單浮動效果來顯示注釋。GBin110.Snippet-jQuery的語法高亮顯示插件Snippet是非常酷的一個基于SHJS的jQuery高亮顯示插件。提供快速
4、方式來高亮顯示傳入HTML的代碼。GBin1.com作者:JaneBernardo翻譯:Terryli-GBin1.com原文:40UsefuljQueryTechniquesAndTutorialsForGreatUserInterface11.jQuery技術(shù)支持的Google搜索站點在這篇教程中你將學(xué)到如何使用Google的Ajax搜索引擎API創(chuàng)建一個自定義的搜索,使用這個技術(shù)你自己搜索圖片,視頻及其新聞,當(dāng)然你也可以搜索一般網(wǎng)頁信息。、12.使用jQuery的超強功能開發(fā)一個更好的提示框在這篇教程中將講解如何快速使用jQ
5、uery插件來創(chuàng)建一個時尚點兒的瀏覽器提示框13.簡單的提示框-jQuery&CSSSohTanaka的這篇文章將講解如何使用jQuery創(chuàng)建一個簡單的提示框,并且使用相當(dāng)簡單的CSS來進行樣式設(shè)定。14.Coda彈出氣泡jQuery教程將展示如何使用jQuery來創(chuàng)建當(dāng)鼠標(biāo)移動到目標(biāo)對象上時彈出光滑的氣泡15.Exposure插件Exposure是一個jQuery的圖片查看插件。它用來創(chuàng)建豐富的,完全自定義的視覺體驗,并且能處理大量的圖片而不至于讓你的帶寬超負(fù)荷。16.jQuery的隨機贈品生成程序這篇文章中將講解如何創(chuàng)建一個獨
6、享的隨機贈品生成jQuery程序17.jQuery的平滑標(biāo)簽插件這個插件非常容易使用,允許你使用特效來展示你的內(nèi)容,帶來更好用戶體驗。你所需要的是存放你的標(biāo)簽和內(nèi)容的簡單容易,還有一些CSS和圖片。18.TN34時間標(biāo)簽插件MarioAlves開發(fā)的插件創(chuàng)建標(biāo)簽容器能每輪自由的切換到下一個標(biāo)簽。對于所有瀏覽器兼容。19.完整頁面的圖片畫廊在這篇文章中我們將創(chuàng)建一個非常棒的全頁面畫廊并且?guī)в锌蓾L動的縮略圖,及其一個滾動全屏的預(yù)覽20.bgStretcher-jQuery插件bgStretcher(背景延伸器)是一個允許你添加一個大圖
7、片(或者一組圖片)到頁面背景的插件,并且適當(dāng)?shù)馗淖兇笮磉m應(yīng)window區(qū)域。這個插件處理多張圖片時將會成為幻燈模式(速度和持續(xù)時間可以配置)21.SlideNote-滑動提示的jQuery插件SlideNote是一個可以定制的,非常靈活的jQuery插件。使用它可以簡單快速的在你的web應(yīng)用中添加滑動效果的通知。22.EasyListSplitter-jQuery插件這個插件大大簡化了HTML。代碼中沒有多余的元素或者行內(nèi)的樣式。你將得到一個干凈的純HTML以及一些定義好的class用來修改你的列表式樣。選擇是否水平或者垂直的顯
8、示列表。然后你可以選擇修改缺省的CSS或者創(chuàng)建一個新的CSS。23.使用jQuery創(chuàng)建一個帶滑動標(biāo)簽的界面這篇文件將教你如何創(chuàng)建一個帶標(biāo)簽界面的模塊,你可以在不同內(nèi)容之間點擊滑動標(biāo)簽來切換。24.使用jQuery創(chuàng)建一個帶標(biāo)簽化的界面25.jQu