jQuery Mobile是一种用于开发web应用程序和移动网站的框架,旨在提供适用于多种平台的统一用户界面。下面这些出色的jQuery Mobile插件可供你享用。它们针对移动网站进行了优化,让你可以实现诸多功能特性,比如移动滑动触摸、移动设备检测、移动浏览器检查、移动图像库、移 动拖放、移动触摸滚动、移动Ajax调用、移动CSS改动及更多!尽情享用吧!
1、jQuery SwipeGallery
该插件针对移动网站进行了优化,支持滑动手势。它是款轻型插件:蓝狮官网只要仅仅编写几行HTML代码,就可以立即创建图像库,比如排列无次序的图像列表。
2、Drag and Scale for iOS
dragNscale插件让你只要在移动平台上进行触摸和双指张合等操作,就可以让被选择的元素拖动、扩展和旋转。
3、Touch Scroll
这个jQuery插件为获得内嵌滚动内容提供了一种方法。它模拟了在iOS设备(包括iPhone、iPod touch和iPad)上滚动的行为,以便解决“position: fixed;”在移动版Safari中无法使用的问题。这个插件只适用于垂直滚动的内容。这么设计是为了确保轻型、高效,只适合这个用途。
4、Keep Reading
Keep Reading插件可以用来当页面在不明显位置含有内容时,蓝狮注册登陆在屏幕的右下部分显示一个小小的标签。这对于移动浏览器来说非常实用,你可能希望在一个页面上 有一个长长的表单,以便缩短网络行程。该标签会提醒用户:他们需要滚动,才能查看更多内容。一旦用户滚动了页面,“more content”(更多的内容)标签就会消失不见。
5、Advanced Browser Check
这个插件可以全面检查浏览器(iPhone、iPad、iPod/移动设备/触摸设备支持/操作系统、浏览器名称和版本/插件和ActiveX检查/HTML5支持/CSS3支持)。
6、jQuery Canvas Loader
使用画布元素来创建典型的ajax装入图像之外的替代图像。可以用来更换现有的图像,或者你可以创建自定义图像,取代页面上的任何元素。对于不支持动画图片的浏览器来说,这个插件很有用,比如WebKit for Android。
提醒:这个插件还没有在许多浏览器中得到测试,但它在移动版Safari和Android浏览器上的确可以使用。
7、jQuery Mobile Device Drag And Drop
这个项目背后的想法是,创建一个可以在普通桌面浏览器上使用的拖放实例,但又支持移动设备。这个项目旨在设计一种拖放式的界面,又支持移动设备。确切地 说,大多数移动设备会“劫持”在web浏览器上拖动这个操作,以便提供滚动功能,这样你的拖放项在页面上保持静止。
8、Align Object to Bottom
Align an Object to Bottom使用设定的时间间隔,这样我们可以实现与iPhone兼容。
9、jQuery iPhone Swipe Gestures
使用面向onTouchStart、onTouchMove、onTouchEnd和onTouchCancel的Safari JavaScript事件,支持iPhone和iPod Touch滚动手势。这个插件使用移动版Safari内置的触摸事件,以便滑动事件与任何文档对象模型(DOM)元素实现jQuery绑定。你可以覆盖 swipeLeft和swipeRight默认响应函数,检测到手势后,创建自己的自定义进程。
10、iPhone Pinch Gestures
使用Safari JavaScript事件,支持iPhone和iPod Touch双指张合手势。一款新的插件(目前在开发当中)可以实现双指张合事件与任何DOM元素的jQuery绑定。
注意:上述这些插件针对用于移动设备进行了优化,比如iPhone、iPod、iPad、三星Galaxy S、Andriod及其他流行的移动设备。
文章源出自:http://mobile.51cto.com/hot-279848.htm
标签:jQuery Mobile
0 Comments