自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

10個出色的jQuery Mobile插件

譯文
開發(fā) 前端 移動開發(fā)
jQuery Mobile是一種用于開發(fā)web應用程序和移動網(wǎng)站的框架,旨在提供適用于多種平臺的統(tǒng)一用戶界面。前面51CTO介紹了《50個jQuery Mobile開發(fā)技巧集萃》,本文51CTO將介紹10個出色的jQuery Mobile插件。

【51CTO譯文】下面這些出色的jQuery Mobile插件可供你享用。它們針對移動網(wǎng)站進行了優(yōu)化,讓你可以實現(xiàn)諸多功能特性,比如移動滑動觸摸、移動設備檢測、移動瀏覽器檢查、移動圖像庫、移動拖放、移動觸摸滾動、移動Ajax調(diào)用、移動CSS改動及更多!盡情享用吧!

1、jQuery SwipeGallery

 jQuery SwipeGallery

該插件針對移動網(wǎng)站進行了優(yōu)化,支持滑動手勢。它是款輕型插件:只要僅僅編寫幾行HTML代碼,就可以立即創(chuàng)建圖像庫,比如排列無次序的圖像列表。

相關鏈接:http://plugins.jquery.com/project/swipeGallery

2、Drag and Scale for iOS

  Drag and Scale for iOS

dragNscale插件讓你只要在移動平臺上進行觸摸和雙指張合等操作,就可以讓被選擇的元素拖動、擴展和旋轉(zhuǎn)。

相關鏈接:http://plugins.jquery.com/project/dragNscale

3、Touch Scroll——能夠在iOS設備上獲得內(nèi)嵌滾動內(nèi)容

  Touch Scroll——能夠在iOS設備上獲得內(nèi)嵌滾動內(nèi)容

這個jQuery插件為獲得內(nèi)嵌滾動內(nèi)容提供了一種方法。它模擬了在iOS設備(包括iPhone、iPod touch和iPad)上滾動的行為,以便解決“position: fixed;”在移動版Safari中無法使用的問題。這個插件只適用于垂直滾動的內(nèi)容。這么設計是為了確保輕型、高效,只適合這個用途。

相關鏈接:http://plugins.jquery.com/project/touch-scroll

4、Keep Reading

  Keep Reading

Keep Reading插件可以用來當頁面在不明顯位置含有內(nèi)容時,在屏幕的右下部分顯示一個小小的標簽。這對于移動瀏覽器來說非常實用,你可能希望在一個頁面上有一個長長的表單,以便縮短網(wǎng)絡行程。該標簽會提醒用戶:他們需要滾動,才能查看更多內(nèi)容。一旦用戶滾動了頁面,“more content”(更多的內(nèi)容)標簽就會消失不見。

相關鏈接:http://plugins.jquery.com/project/keepreading

5、Advanced Browser Check

  Advanced Browser Check

這個插件可以全面檢查瀏覽器(iPhone、iPad、iPod/移動設備/觸摸設備支持/操作系統(tǒng)、瀏覽器名稱和版本/插件和ActiveX檢查/HTML5支持/CSS3支持)。

相關鏈接:http://plugins.jquery.com/project/advbrowsercheck#p#

6、jQuery Canvas Loader

  jQuery Canvas Loader

使用畫布元素來創(chuàng)建典型的ajax裝入圖像之外的替代圖像??梢杂脕砀鼡Q現(xiàn)有的圖像,或者你可以創(chuàng)建自定義圖像,取代頁面上的任何元素。對于不支持動畫圖片的瀏覽器來說,這個插件很有用,比如WebKit for Android。

提醒:這個插件還沒有在許多瀏覽器中得到測試,但它在移動版Safari和Android瀏覽器上的確可以使用。

相關鏈接:http://plugins.jquery.com/project/canvas-loader

7、jQuery Mobile Device Drag And Drop

  jQuery Mobile Device Drag And Drop

這個項目背后的想法是,創(chuàng)建一個可以在普通桌面瀏覽器上使用的拖放實例,但又支持移動設備。這個項目旨在設計一種拖放式的界面,又支持移動設備。確切地說,大多數(shù)移動設備會“劫持”在web瀏覽器上拖動這個操作,以便提供滾動功能,這樣你的拖放項在頁面上保持靜止。

相關鏈接:http://plugins.jquery.com/project/mobiledraganddrop

8、Align Object to Bottom

  Align Object to Bottom

Align an Object to Bottom使用設定的時間間隔,這樣我們可以實現(xiàn)與iPhone兼容。

相關鏈接:http://plugins.jquery.com/project/AlignToBottom

9、jQuery iPhone Swipe Gestures

  jQuery iPhone Swipe Gestures

使用面向onTouchStart、onTouchMove、onTouchEnd和onTouchCancel的Safari JavaScript事件,支持iPhone和iPod Touch滾動手勢。這個插件使用移動版Safari內(nèi)置的觸摸事件,以便滑動事件與任何文檔對象模型(DOM)元素實現(xiàn)jQuery綁定。你可以覆蓋swipeLeft和swipeRight默認響應函數(shù),檢測到手勢后,創(chuàng)建自己的自定義進程。

相關鏈接:http://plugins.jquery.com/project/swipe

10、iPhone Pinch Gestures

  iPhone Pinch Gestures

使用Safari JavaScript事件,支持iPhone和iPod Touch雙指張合手勢。一款新的插件(目前在開發(fā)當中)可以實現(xiàn)雙指張合事件與任何DOM元素的jQuery綁定。

相關鏈接:http://plugins.jquery.com/project/pinch

注意:上述這些插件針對用于移動設備進行了優(yōu)化,比如iPhone、iPod、iPad、三星Galaxy S、Andriod及其他流行的移動設備。

【51CTO.com獨家譯稿,非經(jīng)授權謝絕轉(zhuǎn)載!合作媒體轉(zhuǎn)載請注明原文出處及出處!】

責任編輯:佚名 來源: 51CTO
相關推薦

2012-06-04 15:24:56

jQuery

2011-11-25 09:09:22

jQuery

2011-09-14 16:40:44

jQuery

2011-12-31 10:26:19

jQuery Mobi插件

2012-03-19 16:50:03

jQuery插件

2013-11-28 09:38:04

移動開發(fā)jQuery Mobi

2011-07-20 13:37:14

2011-08-01 15:18:45

jQuery

2011-07-20 14:11:24

響應布局jQuery Mobi

2011-10-10 14:05:08

jQuery插件

2011-07-19 17:09:44

jQuery Mobi事件

2011-06-28 09:24:44

jQuery

2013-08-21 09:50:19

Windows 8

2011-05-16 09:30:38

jQuery

2012-11-15 10:18:51

IBMdw

2011-07-19 14:51:54

jQuery Mobi特性

2011-09-02 10:41:51

2011-07-19 17:03:31

jQuery Mobi默認配置

2011-01-21 07:22:48

jQuerywebJavaScript

2011-07-19 15:01:16

jQuery Mobi易用性
點贊
收藏

51CTO技術棧公眾號