這篇文章主要介紹“jQuery Mobile插件有哪些”，在日常操作中，相信很多人在jQuery Mobile插件有哪些問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”jQuery Mobile插件有哪些”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

創(chuàng)新互聯(lián)建站專業(yè)為企業(yè)提供陽(yáng)明網(wǎng)站建設(shè)、陽(yáng)明做網(wǎng)站、陽(yáng)明網(wǎng)站設(shè)計(jì)、陽(yáng)明網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)與制作、陽(yáng)明企業(yè)網(wǎng)站模板建站服務(wù)，十載陽(yáng)明做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

1.Mobiscroll

對(duì)于許多開(kāi)發(fā)者而言，Mobiscroll并不陌生，甚至可以說(shuō)是相當(dāng)熟悉。Mobiscroll是一款很不錯(cuò)的jQuery Mobile插件，主要用于觸屏設(shè)備的旋轉(zhuǎn)滾動(dòng)/日期和時(shí)間選擇。通過(guò)它，用戶只需滑動(dòng)數(shù)字即可進(jìn)行日期和時(shí)間選擇（點(diǎn)擊鏈接查看Demo）。

Mobiscroll不僅支持任意自定義值，讓用戶完全自定義主題，還可用于下拉列表本地選擇控制。此外，使用起來(lái)也是非常方便，不僅為開(kāi)發(fā)者提供了相當(dāng)高大上的配色方案，而且可完全通過(guò)CSS文件進(jìn)行樣式修改。支持包括iOS、Android、WP8、Windows 8、BlackBerry等在內(nèi)的所有主流移動(dòng)及桌面瀏覽器。

2.Ion.Sound

今時(shí)今日，無(wú)論是Web還是移動(dòng)網(wǎng)站，都充斥著各種各樣的事件，比如新郵件、新聊天信息、內(nèi)容更新等。但卻常常存在著這樣一個(gè)問(wèn)題，就是即時(shí)通知無(wú)法立即引起用戶注意。而通過(guò)Ion.Sound插件，則可以很好地實(shí)現(xiàn)這一任務(wù)。

Ion.Sound是一款用于播放事件聲音的jQuery插件，采用MIT許可證，包含有25種免費(fèi)聲音。截至目前，Ion.Sound已成功運(yùn)用于Google Chrome、Mozilla Firefox、Opera、Safari、IE（9.0+）等桌面瀏覽器，并支持所有主流移動(dòng)瀏覽器。

3.jQuery.mmenu

jQuery.mmenu是一款用于創(chuàng)建平滑的抽屜式導(dǎo)航菜單的jQuery插件，只需短短一行JavaScript代碼，即可在移動(dòng)網(wǎng)站中實(shí)現(xiàn)類似于移動(dòng)App外觀的非?？犰诺幕瑒?dòng)菜單。

通過(guò)jQuery.mmenu，開(kāi)發(fā)者可以將無(wú)序列表轉(zhuǎn)換成菜單項(xiàng)，并進(jìn)行自定義設(shè)置。jQuery.mmenu不僅為開(kāi)發(fā)者提供了諸如打開(kāi)、關(guān)閉、切換等常用菜單的定制，還提供了菜單位置（居左/居右）、是否顯示菜單項(xiàng)計(jì)數(shù)器等選項(xiàng)的設(shè)置。

4.Naver

Naver是一款專門(mén)用于創(chuàng)建響應(yīng)式導(dǎo)航的jQuery插件。通過(guò)它，開(kāi)發(fā)者可以輕易地制作出對(duì)移動(dòng)端非常友好的導(dǎo)航效果，還可制作動(dòng)態(tài)導(dǎo)航。Naver兼容Firefox、Chrome、Safari、IE（7+），基于MIT許可證發(fā)布，無(wú)論是個(gè)人或商業(yè)項(xiàng)目中，均可自由免費(fèi)使用。

5.iosOverlay.js

iosOverlay.js是一款用于創(chuàng)建iOS風(fēng)格的提示/通知效果的jQuery插件，支持IE7+、Google Chrome、Firefox、Opera、Safari（桌面版及移動(dòng)版）。需要提醒的是，如果想要防止圖標(biāo)在加載時(shí)閃爍，開(kāi)發(fā)者需要預(yù)加載圖像資源。

此外，iosOverlay.js還存在兩個(gè)可選的依賴項(xiàng)，即Spin.js和jQuery。如果開(kāi)發(fā)者想使用其下拉列表對(duì)象，就必須要用到Spin.js，而對(duì)于不兼容CSS動(dòng)畫(huà)的瀏覽器，則需jQuery提供支持。

6.Easy Responsive Tabs

Easy Responsive Tabs是一款輕量級(jí)的響應(yīng)式Tab選項(xiàng)卡/手風(fēng)琴導(dǎo)航j(luò)Query插件，支持同一頁(yè)面使用多個(gè)范例，跨平臺(tái)支持Web、平板電腦及移動(dòng)設(shè)備。該插件能夠自適應(yīng)屏幕大小，默認(rèn)樣式為水平/垂直Tab選項(xiàng)卡，隨著窗口變小，會(huì)自動(dòng)切換為手風(fēng)琴樣式。

7.Hide/Show Password

Hide/show Password插件可以讓你輕易隱藏和顯示密碼輸入框中的內(nèi)容。該插件最酷的地方就是“innerToggle”選項(xiàng)。當(dāng)設(shè)置為開(kāi)時(shí)，開(kāi)發(fā)者可以自定義創(chuàng)建非常漂亮的隱藏/顯示控件。而且在觸屏瀏覽器中進(jìn)行滑動(dòng)時(shí)還可保持輸入焦點(diǎn)。

8.Swipebox

Swipebox是一款精美的jQuery燈箱特效插件，可用于桌面、移動(dòng)和平板設(shè)備。在移動(dòng)設(shè)備上，支持滑動(dòng)手勢(shì)導(dǎo)航，而在桌面上則可使用鍵盤(pán)導(dǎo)航。不支持CSS3過(guò)渡特性的瀏覽器可使用jQuery降級(jí)處理，支持視網(wǎng)膜顯示，能夠通過(guò)CSS輕松定制。

當(dāng)用戶點(diǎn)擊目標(biāo)圖片時(shí)，照片將會(huì)以全尺寸的方式展示，此外，用戶還可對(duì)同組的圖片進(jìn)行左右切換來(lái)進(jìn)行查看，非常適合用于做照片畫(huà)廊以及查看大尺寸圖片。

9.?App Folder

如果你是一名iOS狂熱分子，那么對(duì)于iOS風(fēng)格的文件夾一定非常熟悉?！包c(diǎn)擊文件夾，通過(guò)加深透明度將周圍的元素虛化，然后顯示文件夾中的內(nèi)容?！盇pp Folders正是這樣一款能夠?qū)崿F(xiàn)iOS文件夾效果的jQuery插件。該插件可同時(shí)在桌面及移動(dòng)瀏覽器上工作，適配性非常好。

App Folders的文件夾元素可包含任何HTML元素，比如圖像、文本、視頻等，并且每個(gè)文件夾都有專屬于自己的URL實(shí)現(xiàn)直接點(diǎn)擊。當(dāng)然，開(kāi)發(fā)者也無(wú)需拘泥于和iOS文件夾一樣的效果，通過(guò)App Folders，開(kāi)發(fā)者可以自定義出更富有創(chuàng)意的布局和特效。

10.jQuery Flip

jQuery Flip是一款能夠讓任意HTML、文本或jQuery元素產(chǎn)生非常漂亮的類似于Flipboard的翻轉(zhuǎn)效果的jQuery插件，基于MIT許可發(fā)布。使用CSS 3D轉(zhuǎn)換，翻轉(zhuǎn)速度也可進(jìn)行設(shè)置，完全支持Chrome、Safari等WebKit瀏覽器以及Firefox 11。

11.jQuery UI Map

對(duì)于地圖應(yīng)用開(kāi)發(fā)者而言，jQuery UI Map絕對(duì)是開(kāi)發(fā)的必備利器。這樣一款輕量級(jí)jQuery插件，不同于Google Map API，通過(guò)jQuery UI Map，開(kāi)發(fā)者不僅能在針對(duì)諸如點(diǎn)擊等簡(jiǎn)單事件時(shí)使用Google事件監(jiān)聽(tīng)器，而且還可在地圖和標(biāo)記上使用jQuery點(diǎn)擊事件。

jQuery UI Map不僅非常靈活，而且高度可定制。要在地圖上顯示計(jì)劃事件，jQuery UI Map會(huì)集成Google地圖，從而讓開(kāi)發(fā)者輕而易舉地創(chuàng)建交互式地圖。jQuery UI Map最大的特點(diǎn)就是，當(dāng)客戶端不支持JavaScript時(shí)，開(kāi)發(fā)者可以在備用站點(diǎn)上使用微格式、RDFa或微數(shù)據(jù)等HTML數(shù)據(jù)格式實(shí)現(xiàn)同步。

12.gShake

gShake是一款能夠?qū)崿F(xiàn)震動(dòng)效果的jQuery插件，只需短短幾行代碼，即可讓導(dǎo)航、圖片，甚至是頁(yè)面本身抖動(dòng)起來(lái)，從而讓頁(yè)面富有動(dòng)感、樂(lè)趣，支持iOS 4.2+。

13.jQTouch

相比本文所介紹的許多可用于移動(dòng)開(kāi)發(fā)的jQuery插件，jQTouch顯然要更有知名度。通過(guò)jQTouch，開(kāi)發(fā)者僅僅使用HTML、CSS以及jQuery即可創(chuàng)建出非常強(qiáng)大的移動(dòng)App，更牛叉的是，開(kāi)發(fā)者只需使用核心CSS文件，即可構(gòu)建一個(gè)完全自定義的UI。

jQTouch可以在移動(dòng)設(shè)備的WebKit瀏覽器上實(shí)現(xiàn)諸如動(dòng)畫(huà)、列表導(dǎo)航、默認(rèn)樣式等常見(jiàn)UI效果，但要想實(shí)現(xiàn)更多原生效果，則需額外添加CSS文件。對(duì)于iOS開(kāi)發(fā)者，這點(diǎn)則無(wú)需顧慮，因?yàn)閖QTouch為iOS開(kāi)發(fā)提供了相當(dāng)豐富的原生效果CSS文件。

14.PhotoSwipe

PhotoSwipe是一個(gè)開(kāi)源且免費(fèi)的專為移動(dòng)觸屏設(shè)備設(shè)計(jì)的相冊(cè)/畫(huà)廊展示包，兼容iOS、Android、Blackberry等主流平臺(tái)及桌面瀏覽器。其底層實(shí)現(xiàn)基于HTML、CSS及JavaScript，不依賴任何框架，非常適合想要讓移動(dòng)站點(diǎn)的相冊(cè)體驗(yàn)和原生App一樣的設(shè)計(jì)師和開(kāi)發(fā)者。

PhotoSwipe是一個(gè)獨(dú)立的JavaScript庫(kù)，很容易集成到移動(dòng)網(wǎng)站中，并對(duì)移動(dòng)瀏覽器進(jìn)行了大量的優(yōu)化。此外，在源碼中，PhotoSwipe還提供了對(duì)桌面瀏覽器及使用jQuery Mobile的支持。

15.Touch Gallery

和PhotoSwipe一樣，Touch Gallery也是一款圖片展示插件，通過(guò)它，開(kāi)發(fā)者可以在移動(dòng)瀏覽器上實(shí)現(xiàn)類似于原生相冊(cè)應(yīng)用的圖像展示效果。支持手勢(shì)瀏覽操作，也可運(yùn)用于桌面版Safari、Firefox、Opera及Chrome等桌面瀏覽器，但某些功能項(xiàng)無(wú)法實(shí)現(xiàn)。

到此，關(guān)于“jQuery Mobile插件有哪些”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！

分享題目：jQueryMobile插件有哪些
URL鏈接：http://chinadenli.net/article32/gigcsc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、動(dòng)態(tài)網(wǎng)站、企業(yè)網(wǎng)站制作、ChatGPT、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站營(yíng)銷

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)