資源描述:
《40個(gè)實(shí)用的jquery用戶界面ui設(shè)計(jì)技巧與教程》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、jQuery確實(shí)是一項(xiàng)偉大的技術(shù),通過jQuery的插件,我們可以方便的創(chuàng)建具有更好用戶界面的網(wǎng)站。在本文中,將和大家分享40個(gè)對(duì)你創(chuàng)建更好用戶界面的jQuery技術(shù)和教程。?1.CustomAnimationBannerwithjQuery?在該教程中你將學(xué)會(huì)如何使用jQuery的Easing插件及2DTransform插件創(chuàng)建自定義的動(dòng)畫橫幅。教程的想法是將不同的元素以自定義動(dòng)畫的形式融入到橫幅中去。??查看實(shí)例?2.MovingBoxesCarouselwithjQuery?你將學(xué)會(huì)如何創(chuàng)建一個(gè)擁有改變面板及縮放面板的按鈕的滑塊。?查看實(shí)例??3.QuickFeedbackForm–j
2、Query&PHP?通過jQuery和PHP實(shí)現(xiàn)的快速填寫反饋表單的實(shí)例。?查看實(shí)例?4.Wijmo–jQueryUIWidgetsWijmo是一個(gè)擁有超過30個(gè)jQueryUIWidgets的庫。???查看實(shí)例5.OnePageNavigation–jQueryPlugin?這是一個(gè)在同一個(gè)頁面中如何平滑的導(dǎo)航的實(shí)例。?查看實(shí)例?6.RSSReaderWithjQueryMobile??7.EasyAccordion–jQueryPlugin?TheEasyAccordionpluginbyAndreaCimaSerniottiwillgetyourdefinitionlists(DTs)
3、andgenerateaniceandsmoothhorizontalaccordion.??8.Lettering–jQueryTypographyPlugin?Inthisarticleyouwilllearnhowtocreate,forexampletypographicalCSS3posters,orforreallycustomtypeheadings,whilekeepingthetextselectable.???9.AnnotationOverlayEffectwithjQuery?Createasimpleoverlayeffecttodisplayannotations
4、.?10.Snippet–jQuerySyntaxHighlighter?SnippetisacooljQuerysyntaxhighlightingpluginbuiltontopoftheSHJSscriptfoundonSourceForge.SnippetjQuerypluginprovidesaquickandeasywayofhighlightingsourcecodepassagesinHTMLdocuments.???11.GooglePoweredSiteSearchWithjQuery?Inthislogicaltutorialyouwilllearnhowtocreat
5、eabrandedcustomsearchenginesimplybyusingGoogle’sAJAXSearchAPI,withwhichyoucansearchforimagesandvideoandnewsitemsonyoursite–andyoucanalsogetgeneralwebresults.????12.BuildaBetterTooltipwithjQueryAwesomeness?Inthistutorial,It?showshowtoquicklywriteajQuerypluginthatwillreplacethetypicalbrowsertooltipwi
6、thsomethingalittleflashier.?13.SimpleTooltip–jQuery&CSS?InthistutorialbySohTanakayouwilllearnhowtocreatesimpletooltipwithjQueryandanincrediblysimplestylingwithCSS.???14.CodaPopupBubblesjQuerytutorialshowsyouhowtocreateslickpopupbubblesthatappearwhenhoveringoverthetargetobject.查看實(shí)例15.ExposurejQueryP
7、luginExposureisanimageviewingpluginforthejQueryJavaScriptlibrary.It’sdesignedforcreatingrich,fullycustomizableviewingexperiences,andcanhandleverylargeamountsofimageswithoutpushingyourbandwidththroughtheroof