搜索
本文涉及的jQueryMobile教程包括以下5大方面的内容：1.jQueryMobileSwipe2.jQueryMobileGallery(移动相册)3.jQueryMobileMenu(移动菜单)4.jQueryMobileDatepickers(日期选择)5.jQueryMobileThemes(主题/外观)1.jQueryMobileSwipe1.HowtoCreateaWordPressThemeinPhotoshop2.SwipeGallery3.WipeTouch,ajQuerypluginfortouchdevices4.AnotherexperimentinjQueryMobileswipenavigation5.jQswipe6.Multiswipe一个简单的插件用于激活MobileSafari浏览器中的多点触摸Swipe事件。2.jQueryMobileGallery7.AwesomeMobileImageGalleryWebApp本教程将使用jQTouchjQuery插件来开发一个简单的移动相册。jQTouch这个jQuery插件为像iPhone,iPodTouch,G1,andPre这样的移动浏览器提供了本地动画，自动导航和主题。8.TouchGallery这个插件专门为运行在iPad或iPhone4上的MobileSafari浏览器而优化。它还可以运行在桌面浏览器之上如：Safari,Firefox4,Opera和Chrome。9.PhotoSwipeImageGallery用于移动和触摸设备的相册10.MobilePhotoAlbumJQuerypluginMobilePhotoAlbumJQuerypluginisaeasytouseJQuerypluginforwebdevelopertobuildJavascriptgalleryformobiledevice.Thepluginisdrivenbyxmlorarraydata.Easysetupandonlyminimumprogrammingknowledgeisneeded.Bestforbuildingphotoalbumwhichtargetforviewonmobiledevice.11.TN3GalleryTN3GalleryisafullfledgedHTMLbasedcustomizableimagegallerywithslideshow,transitionsandmultiplealbumoptions.Compatiblewithallmoderndesktopandmobilebrowsers.PoweredbyjQuery.12.jQueryMobileGalleryForsometimeIwaslookingforjQueryMobilegallerysolutionsanddidn’tfindmuch.SoImadeone.Justwanttosharemylittleexperiment.3.jQueryMobileMenu13.SelectmenusTheselectmenusaredrivenoffnativeselectelements,butthenativeselectsarehiddenfromviewandreplacedwithacustom-styledselectbuttonthatmatchesthelookandfeelofthejQueryMobileframework.ThereplacementselectsareARIA-enabledandarekeyboardaccessibleonthedesktopaswell.14.jQueryMobileToolsbars&NavigationMenu’sIndepthlookatbuildingjQueryMobileheaderandfootermenu’s.Wealsolookatbuildingnavigationmenu’sintheheaderandfooterandcreatingiphoneandandroidlikefixedmenu’s.15.dualColumnItaddsanewdata-roletotheexistingset.Justinsertayourmenusomewhereinthefirstpagedivandit’sready.Alllinksareloadedasusual.Ifthescreenonthedeviceistoosmalltobeusedwithtwocolumns–nothinghappens.Siteworksasitwouldworkwithouttheplugin.16.HorizontalMenuDropJquery17.iPhone2Template–SlidingDhtmlMenu(jQquery-iPhone-Horizontal-Slider)18.JqueryDropBar19.iPhone6Template–CodeCSSMenu–(jQuery-Vertical-Menu-iPhone)20.jQueryiPadMenujQueryMenu4.jQueryMobileDatepickers21.jQueryUI’sDatepickerStyledformobileTheincludedfilesextendthejQueryUIdatepickertomakeitsuitablefortouchdevices.ThispluginisnotincludedinjQueryMobilebydefault,soyou’llneedtoincludethefilesyourselfifyou’dliketousethem.Scrolldownforusageinstructions.22.Android-LikeDatePickerwithjQuerymobile.223.SoundSystemStudioWebLayoutInthistutorialyouwilllearnhowtocreateanicelookinglayout.5.jQueryMobileThemes24.Mobjectify–EasyTheming25.jQueryMobile–MobilethemeBuiltwiththeincrediblejQueryMobileplugin,thisthemeisperfectforthosewhowanttomakeagoodlookingandeasytoreadversionoftheirblog.ItusesmostofjQueryMobilefeaturestoguaranteeanoptimaleaseofreadingonmobiledevicessuchastheiPhone,BlackberriesorAndroid.26.CarringtonMobileCarringtonMobileisanelegantmobilethemewiththatsupportsadvancedtouchbrowsers(iPhone,Android,BlackBerry,Pre)andisalsobackwardcompatiblewitholdermobiledevices.27.CustomjQueryMobileThemesWanttostandoutfromthecrowd?Then,youmightbewonderinghowtocreateyourowncustomjQueryMobiletheme.Well,thisscreencastwillteachyouhowtodoexactlythat.YouwilllearnhowtoeditadefaultjQueryMobilethemeandaddyourcssandthemechangesinordertocustomizeittoyourneeds.28.MöbiusLetusintroduceourfirstfreeWordPressthemeoptimizedformobiledevices.Featuresarelistedbelow:29.Smooci2.1.0WordPressThemeSmoociisaWordPressthemeformobilephonesanddevices.UsethisWordPressplugintodisplaythethemewhenyourWordPresssiteisvisitedonmobiles30.ADrupaljQueryMobiletheme(tutorial)InanattempttocreateamobileDrupaliPhoneapp,I’mcurrentlywritingaDrupalmobileappusingjQueryMobile,andalthoughIstillhaveafewkinkstoworkout,thebasicsarenowworking.移动互联网的发展，来自PC端的网页并不能完全自适应移动端页面需求，使得响应式设计体验产生并成为潮流，也正是这样一种需求，促成了jQueryMobile的流行。jQueryMobile这样一款基于jQuery和jQueryUI的框架，继承了jQuery的“writeless,domore”精髓，具有良好的扩展性和可定制性，全面兼容各种平台设备，对于不支持的手机类型，也会予以基础样式。本文细数了15款非常优秀而又实用的jQueryMobile插件，类型甚广，从日期/时间选择、即时声音通知、抽屉式导航菜单、iOSstyle、手风琴导航、隐藏/显示密码、灯箱特效，到颇为酷炫的交互式地图、页面震动、Native、相册/画廊展示等，总有那么一款会让你着迷。1.Mobiscroll对于许多开发者而言，Mobiscroll并不陌生，甚至可以说是相当熟悉。Mobiscroll是一款很不错的jQueryMobile插件，主要用于触屏设备的旋转滚动/日期和时间选择。通过它，用户只需滑动数字即可进行日期和时间选择（点击链接查看Demo）。Mobiscroll不仅支持任意自定义值，让用户完全自定义主题，还可用于下拉列表本地选择控制。此外，使用起来也是非常方便，不仅为开发者提供了相当高大上的配色方案，而且可完全通过CSS文件进行样式修改。支持包括iOS、Android、WP8、Windows8、BlackBerry等在内的所有主流移动及桌面浏览器。2.Ion.Sound今时今日，无论是Web还是移动网站，都充斥着各种各样的事件，比如新邮件、新聊天信息、内容更新等。但却常常存在着这样一个问题，就是即时通知无法立即引起用户注意。而通过Ion.Sound插件，则可以很好地实现这一任务。Ion.Sound是一款用于播放事件声音的jQuery插件，采用MIT许可证，包含有25种免费声音。截至目前，Ion.Sound已成功运用于GoogleChrome、MozillaFirefox、Opera、Safari、IE(9.0+)等桌面浏览器，并支持所有主流移动浏览器。3.jQuery.mmenujQuery.mmenu是一款用于创建平滑的抽屉式导航菜单的jQuery插件，只需短短一行JavaScript代码，即可在移动网站中实现类似于移动App外观的非常酷炫的滑动菜单。通过jQuery.mmenu，开发者可以将无序列表转换成菜单项，并进行自定义设置。jQuery.mmenu不仅为开发者提供了诸如打开、关闭、切换等常用菜单的定制，还提供了菜单位置（居左/居右）、是否显示菜单项计数器等选项的设置。4.NaverNaver是一款专门用于创建响应式导航的jQuery插件。通过它，开发者可以轻易地制作出对移动端非常友好的导航效果，还可制作动态导航。Naver兼容Firefox、Ch