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

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

ID:33844207

大?。?20.00 KB

頁數(shù):24頁

時間:2019-03-01

40個實用的jquery用戶界面ui設(shè)計技巧及教程_第1頁
40個實用的jquery用戶界面ui設(shè)計技巧及教程_第2頁
40個實用的jquery用戶界面ui設(shè)計技巧及教程_第3頁
40個實用的jquery用戶界面ui設(shè)計技巧及教程_第4頁
40個實用的jquery用戶界面ui設(shè)計技巧及教程_第5頁
資源描述:

《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

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文

此文檔下載收益歸作者所有

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學(xué)公式或PPT動畫的文件,查看預(yù)覽時可能會顯示錯亂或異常,文件下載后無此問題,請放心下載。
2. 本文檔由用戶上傳,版權(quán)歸屬用戶,天天文庫負(fù)責(zé)整理代發(fā)布。如果您對本文檔版權(quán)有爭議請及時聯(lián)系客服。
3. 下載前請仔細(xì)閱讀文檔內(nèi)容,確認(rèn)文檔內(nèi)容符合您的需求后進行下載,若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
4. 下載文檔時可能由于網(wǎng)絡(luò)波動等原因無法下載或下載錯誤,付費完成后未能成功下載的用戶請聯(lián)系客服處理。