建站
咨詢
售后
建站咨詢
新聞中心
【譯文】下面這些出色的jQuery Mobile插件可供你享用。它們針對(duì)移動(dòng)網(wǎng)站進(jìn)行了優(yōu)化，讓你可以實(shí)現(xiàn)諸多功能特性，比如移動(dòng)滑動(dòng)觸摸、移動(dòng)設(shè)備檢測(cè)、移動(dòng)瀏覽器檢查、移動(dòng)圖像庫(kù)、移動(dòng)拖放、移動(dòng)觸摸滾動(dòng)、移動(dòng)Ajax調(diào)用、移動(dòng)CSS改動(dòng)及更多!盡情享用吧!
燈塔網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)建站,燈塔網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為燈塔上1000家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)公司要多少錢(qián)，請(qǐng)找那個(gè)售后服務(wù)好的燈塔做網(wǎng)站的公司定做！
1、jQuery SwipeGallery
該插件針對(duì)移動(dòng)網(wǎng)站進(jìn)行了優(yōu)化，支持滑動(dòng)手勢(shì)。它是款輕型插件：只要僅僅編寫(xiě)幾行HTML代碼，就可以立即創(chuàng)建圖像庫(kù)，比如排列無(wú)次序的圖像列表。
相關(guān)鏈接：http://plugins.jquery.com/project/swipeGallery
2、Drag and Scale for iOS
dragNscale插件讓你只要在移動(dòng)平臺(tái)上進(jìn)行觸摸和雙指張合等操作，就可以讓被選擇的元素拖動(dòng)、擴(kuò)展和旋轉(zhuǎn)。
相關(guān)鏈接：http://plugins.jquery.com/project/dragNscale
3、Touch Scroll——能夠在iOS設(shè)備上獲得內(nèi)嵌滾動(dòng)內(nèi)容。
這個(gè)jQuery插件為獲得內(nèi)嵌滾動(dòng)內(nèi)容提供了一種方法。它模擬了在iOS設(shè)備(包括iPhone、iPod touch和iPad)上滾動(dòng)的行為，以便解決“position: fixed;”在移動(dòng)版Safari中無(wú)法使用的問(wèn)題。這個(gè)插件只適用于垂直滾動(dòng)的內(nèi)容。這么設(shè)計(jì)是為了確保輕型、高效，只適合這個(gè)用途。
相關(guān)鏈接：http://plugins.jquery.com/project/touch-scroll
4、Keep Reading
Keep Reading插件可以用來(lái)當(dāng)頁(yè)面在不明顯位置含有內(nèi)容時(shí)，在屏幕的右下部分顯示一個(gè)小小的標(biāo)簽。這對(duì)于移動(dòng)瀏覽器來(lái)說(shuō)非常實(shí)用，你可能希望在一個(gè)頁(yè)面上有一個(gè)長(zhǎng)長(zhǎng)的表單，以便縮短網(wǎng)絡(luò)行程。該標(biāo)簽會(huì)提醒用戶：他們需要滾動(dòng)，才能查看更多內(nèi)容。一旦用戶滾動(dòng)了頁(yè)面，“more content”(更多的內(nèi)容)標(biāo)簽就會(huì)消失不見(jiàn)。
相關(guān)鏈接：http://plugins.jquery.com/project/keepreading
5、Advanced Browser Check
這個(gè)插件可以全面檢查瀏覽器(iPhone、iPad、iPod/移動(dòng)設(shè)備/觸摸設(shè)備支持/操作系統(tǒng)、瀏覽器名稱(chēng)和版本/插件和ActiveX檢查/HTML5支持/CSS3支持)。
相關(guān)鏈接：http://plugins.jquery.com/project/advbrowsercheck#p#
6、jQuery Canvas Loader
使用畫(huà)布元素來(lái)創(chuàng)建典型的ajax裝入圖像之外的替代圖像?？梢杂脕?lái)更換現(xiàn)有的圖像，或者你可以創(chuàng)建自定義圖像，取代頁(yè)面上的任何元素。對(duì)于不支持動(dòng)畫(huà)圖片的瀏覽器來(lái)說(shuō)，這個(gè)插件很有用，比如WebKit for Android。
提醒：這個(gè)插件還沒(méi)有在許多瀏覽器中得到測(cè)試，但它在移動(dòng)版Safari和Android瀏覽器上的確可以使用。
相關(guān)鏈接：http://plugins.jquery.com/project/canvas-loader
7、jQuery Mobile Device Drag And Drop
這個(gè)項(xiàng)目背后的想法是，創(chuàng)建一個(gè)可以在普通桌面瀏覽器上使用的拖放實(shí)例，但又支持移動(dòng)設(shè)備。這個(gè)項(xiàng)目旨在設(shè)計(jì)一種拖放式的界面，又支持移動(dòng)設(shè)備。確切地說(shuō)，大多數(shù)移動(dòng)設(shè)備會(huì)“劫持”在web瀏覽器上拖動(dòng)這個(gè)操作，以便提供滾動(dòng)功能，這樣你的拖放項(xiàng)在頁(yè)面上保持靜止。
相關(guān)鏈接：http://plugins.jquery.com/project/mobiledraganddrop
8、Align Object to Bottom
Align an Object to Bottom使用設(shè)定的時(shí)間間隔，這樣我們可以實(shí)現(xiàn)與iPhone兼容。
相關(guān)鏈接：http://plugins.jquery.com/project/AlignToBottom
9、jQuery iPhone Swipe Gestures
使用面向onTouchStart、onTouchMove、onTouchEnd和onTouchCancel的Safari JavaScript事件，支持iPhone和iPod Touch滾動(dòng)手勢(shì)。這個(gè)插件使用移動(dòng)版Safari內(nèi)置的觸摸事件，以便滑動(dòng)事件與任何文檔對(duì)象模型(DOM)元素實(shí)現(xiàn)jQuery綁定。你可以覆蓋swipeLeft和swipeRight默認(rèn)響應(yīng)函數(shù)，檢測(cè)到手勢(shì)后，創(chuàng)建自己的自定義進(jìn)程。
相關(guān)鏈接：http://plugins.jquery.com/project/swipe
10、iPhone Pinch Gestures
使用Safari JavaScript事件，支持iPhone和iPod Touch雙指張合手勢(shì)。一款新的插件(目前在開(kāi)發(fā)當(dāng)中)可以實(shí)現(xiàn)雙指張合事件與任何DOM元素的jQuery綁定。
相關(guān)鏈接：http://plugins.jquery.com/project/pinch
注意：上述這些插件針對(duì)用于移動(dòng)設(shè)備進(jìn)行了優(yōu)化，比如iPhone、iPod、iPad、三星Galaxy S、Andriod及其他流行的移動(dòng)設(shè)備。
【.com獨(dú)家譯稿，非經(jīng)授權(quán)謝絕轉(zhuǎn)載！合作媒體轉(zhuǎn)載請(qǐng)注明原文出處及出處！】
文章題目：10個(gè)出色的jQuery Mobile插件
鏈接地址：http://m.fisionsoft.com.cn/article/dpidgds.html
