40個實用的jquery用戶界面ui設(shè)計技巧及教程

《40個實用的jquery用戶界面ui設(shè)計技巧及教程》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在學術(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)建動畫橫幅通過這篇教程學習我們將能實用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.本頁導航-jQuery插件非常實用的導航插件，由TrevorDavis開發(fā)，能幫助你導航的時候平滑的滾動，這個插件基于jQueryScrollTo插件GBin16.使用jQueryMobile實現(xiàn)RSS閱讀使用PHP和jQuery創(chuàng)建一個簡單的Tuts+RSS閱讀應用。當我們完成之后，你可以直接加到iphone或者android電話中

3、。GBin17.簡易手風琴效果插件-EasyAccordionAndreaCimaSerniotti開發(fā)的EasyAccordion插件將能夠幫助你定義列表，并且生成平滑的橫向手風琴效果。GBin18.Lettering-jQuery印刷字效果插件這篇教程將介紹如何創(chuàng)建印刷海報，及其個性化得標題，而且可以被自由選取。GBin19.使用jQuery實現(xiàn)注釋式樣的浮動效果生成簡單浮動效果來顯示注釋。GBin110.Snippet-jQuery的語法高亮顯示插件Snippet是非?？岬囊粋€基于SHJS的jQuery高亮顯示插件。提供快速

4、方式來高亮顯示傳入HTML的代碼。GBin1.com作者：JaneBernardo翻譯：Terryli-GBin1.com原文：40UsefuljQueryTechniquesAndTutorialsForGreatUserInterface11.jQuery技術(shù)支持的Google搜索站點在這篇教程中你將學到如何使用Google的Ajax搜索引擎API創(chuàng)建一個自定義的搜索，使用這個技術(shù)你自己搜索圖片，視頻及其新聞，當然你也可以搜索一般網(wǎng)頁信息。、12.使用jQuery的超強功能開發(fā)一個更好的提示框在這篇教程中將講解如何快速使用jQ

5、uery插件來創(chuàng)建一個時尚點兒的瀏覽器提示框13.簡單的提示框-jQuery&CSSSohTanaka的這篇文章將講解如何使用jQuery創(chuàng)建一個簡單的提示框，并且使用相當簡單的CSS來進行樣式設(shè)定。14.Coda彈出氣泡jQuery教程將展示如何使用jQuery來創(chuàng)建當鼠標移動到目標對象上時彈出光滑的氣泡15.Exposure插件Exposure是一個jQuery的圖片查看插件。它用來創(chuàng)建豐富的，完全自定義的視覺體驗，并且能處理大量的圖片而不至于讓你的帶寬超負荷。16.jQuery的隨機贈品生成程序這篇文章中將講解如何創(chuàng)建一個獨

6、享的隨機贈品生成jQuery程序17.jQuery的平滑標簽插件這個插件非常容易使用，允許你使用特效來展示你的內(nèi)容，帶來更好用戶體驗。你所需要的是存放你的標簽和內(nèi)容的簡單容易，還有一些CSS和圖片。18.TN34時間標簽插件MarioAlves開發(fā)的插件創(chuàng)建標簽容器能每輪自由的切換到下一個標簽。對于所有瀏覽器兼容。19.完整頁面的圖片畫廊在這篇文章中我們將創(chuàng)建一個非常棒的全頁面畫廊并且?guī)в锌蓾L動的縮略圖，及其一個滾動全屏的預覽20.bgStretcher-jQuery插件bgStretcher（背景延伸器）是一個允許你添加一個大圖

7、片（或者一組圖片）到頁面背景的插件，并且適當?shù)馗淖兇笮磉m應window區(qū)域。這個插件處理多張圖片時將會成為幻燈模式（速度和持續(xù)時間可以配置）21.SlideNote-滑動提示的jQuery插件SlideNote是一個可以定制的，非常靈活的jQuery插件。使用它可以簡單快速的在你的web應用中添加滑動效果的通知。22.EasyListSplitter-jQuery插件這個插件大大簡化了HTML。代碼中沒有多余的元素或者行內(nèi)的樣式。你將得到一個干凈的純HTML以及一些定義好的class用來修改你的列表式樣。選擇是否水平或者垂直的顯

8、示列表。然后你可以選擇修改缺省的CSS或者創(chuàng)建一個新的CSS。23.使用jQuery創(chuàng)建一個帶滑動標簽的界面這篇文件將教你如何創(chuàng)建一個帶標簽界面的模塊，你可以在不同內(nèi)容之間點擊滑動標簽來切換。24.使用jQuery創(chuàng)建一個帶標簽化的界面25.jQu