1,photoswipe
网址:http://www.photoswipe.com/
demo: http://www.photoswipe.com/latest/examples/04-jquery-mobile.html
个人描述:在手机上操作很流畅,能自使用屏幕尺寸,竖屏显示效果很好,横屏图片太大了,也就是列数固定的原因。
2,Touch-Gallery
网址:http://neteye.github.com/touch-gallery.html
demo: 在首页在左下角
个人描述:就是一个图片箱子插件,点击图片放大,周围变黑遮罩,双击周围返回列表,还未有在手机测试,但是上面写着iphone / ipad 可以使用。
3,一个用jQueryMobile实现驾驶导航教程
网址:http://www.coldfusionjedi.com/index.cfm/2011/3/9/Adding-driving-directions-to-a-jQuery-Mobile-web-site
demo: http://www.coldfusionjedi.com/demos/march92011/
个人描述:在PC上测试可以用,很牛B
4,Mobile Photo Album
网址:http://www.digicrafts.com.hk/components/JSMobilePhotoAlbum
demo:http://cdn.digicrafts.com.hk/u/163440/components/js/JSMobilePhotoAlbum/index.html
个人描述:demo中看到好像可以自适应宽度,数量,还未测试
5,iscroll-4
网址:http://cubiq.org/iscroll-4
demo: http://cubiq.org/dropbox/iscroll4/examples/simple/
个人描述:可以实现左右,上下滑动模拟手机操作体验,非常不错的效果,只是目前好像不能自适应宽度
网址:http://www.photoswipe.com/
demo: http://www.photoswipe.com/latest/examples/04-jquery-mobile.html
个人描述:在手机上操作很流畅,能自使用屏幕尺寸,竖屏显示效果很好,横屏图片太大了,也就是列数固定的原因。
2,Touch-Gallery
网址:http://neteye.github.com/touch-gallery.html
demo: 在首页在左下角
个人描述:就是一个图片箱子插件,点击图片放大,周围变黑遮罩,双击周围返回列表,还未有在手机测试,但是上面写着iphone / ipad 可以使用。
3,一个用jQueryMobile实现驾驶导航教程
网址:http://www.coldfusionjedi.com/index.cfm/2011/3/9/Adding-driving-directions-to-a-jQuery-Mobile-web-site
demo: http://www.coldfusionjedi.com/demos/march92011/
个人描述:在PC上测试可以用,很牛B
4,Mobile Photo Album
网址:http://www.digicrafts.com.hk/components/JSMobilePhotoAlbum
demo:http://cdn.digicrafts.com.hk/u/163440/components/js/JSMobilePhotoAlbum/index.html
个人描述:demo中看到好像可以自适应宽度,数量,还未测试
5,iscroll-4
网址:http://cubiq.org/iscroll-4
demo: http://cubiq.org/dropbox/iscroll4/examples/simple/
个人描述:可以实现左右,上下滑动模拟手机操作体验,非常不错的效果,只是目前好像不能自适应宽度
6. JQM google地图应用
http://jquery-ui-map.googlecode. ... &utm_medium=twitter
http://jquery-ui-map.googlecode. ... &utm_medium=twitter
30+最好的JQuery画廊插件
http://hi.baidu.com/gjj003/blog/item/7a7739fe56cd18205d600819.html
240个Jquery 插件
http://linux.chinaunix.net/techdoc/desktop/2008/12/18/1053697.shtml
Jquery 官方插件
http://malsup.com/jquery/form/#download
jqueryMobile 插件和 Demo
http://cubiq.org
http://www.phonegap.com
http://www.jqmobile.org/thread-80-1-1.html
http://www.jqmgallery.com/
JQM 案例展示:http://www.jqmgallery.com/
JQM 滚动条插件 Site: http://cubiq.org/iscroll Demo:http://cubiq.org/dropbox/iscroll4/examples/simple
JQM 弹出插件 Site:http://dev.jtsage.com/jQM-SimpleDialog/ 开源移动设备检测脚本 Site:http://detectmobilebrowser.com/
JQM日期插件 Site:http://dev.jtsage.com/jQM-DateBox/Site:http://toddmhorst.wordpress.com/2010/12/30/android-like-date-picker-with-jquery-mobile-2/
相关推荐
《jQuery Mobile图片轮转插件Camera1.3.4详解》 在当今互联网技术日新月异的时代,HTML5和jQuery Mobile已经成为了构建移动Web应用的重要工具。它们为开发者提供了丰富的功能,使得创建响应式、交互性强的网页变得...
2. **jQuery Mobile Photo Album** - 一个用于展示照片集的插件,它为移动应用提供了美观的相册视图,用户可以通过滑动浏览图片。 3. **Jquery Mobile Device Drag And Drop** - 这个插件扩展了 jQuery Mobile,...
`diapo.1.0.4.zip` 可能是Diapo插件,这是一个用于创建幻灯片展示的jQuery Mobile插件。Diapo允许开发者轻松地创建具有动画过渡效果的幻灯片,可以自定义导航按钮、自动播放、定时器等功能,为用户呈现美观且动态的...
在这种背景下,jQuery touchSlider图片滚动插件应运而生,专为触屏手机设计,提供全屏图片展示效果,极大地提升了用户的浏览体验。本文将深入探讨jQuery touchSlider的核心功能、使用方法以及如何优化其在触屏环境下...
在实际开发中,可以参考现有的jQuery轮播插件,如Slick、Swiper或Bootstrap的Carousel组件,它们已经封装好了大部分功能,只需按照文档配置即可实现层叠图片滚动切换的效果。当然,如果需要定制更复杂的功能,直接...
本资源"【免费分享】下拉刷新+上拉加载=JqueryMobile1.4.3+iScroll4"正是针对这两种功能的一个实现方案,它结合了JqueryMobile 1.4.3和iScroll 4这两个强大的库,以创建高效且流畅的滚动效果。 JqueryMobile 是一个...
jQuery提供了一些插件,如`iScroll`或`jQuery Mobile Scrollview`,能够实现平滑的滚动效果,并且可以控制滚动速度和方向,提升用户感知的质量。 4. **Ajax加载**:为了减少页面加载时间并提供无缝的浏览体验,...
7. **响应式和移动插件**:如Responsive Nav用于创建响应式导航菜单,jQuery Mobile则是一个专为触屏设备设计的UI框架。 jQuery插件通常遵循特定的编写规范,通过`.fn.extend()`方法扩展jQuery对象。开发者可以在...
在移动设备上,为了优化用户体验,常常需要使用到“上拉滚动加载更多”功能,这在Jquery中可以通过实现特定的脚本逻辑来达成。这种技术通常被应用于新闻列表、商品展示等需要显示大量数据的场景,使得用户不必翻页,...
标题中的“jQuery适应手机mobile左右全屏幻灯片切换插件”是指一个专门设计用于移动端设备的jQuery插件,它提供了全屏滑动效果,使用户可以在手机或平板电脑上流畅地浏览内容,如产品展示、图片轮播或介绍。这种插件...
4. **Responsive Navigation**:如Bootstrap的Navbar或jQuery Mobile的Nav,它们能根据屏幕大小自动切换导航菜单的显示方式,如折叠菜单或下拉菜单。 五、如何使用jQuery响应式插件 使用jQuery响应式插件通常涉及...
使用jQuery监听滚动事件,判断图片是否进入视口。一旦图片位于视口内,就将其`src`属性替换为`data-src`中的真实URL,实现图片的延迟加载。 ```javascript $(document).ready(function() { $('.lazy').lazyload...
5. **触摸事件支持**:对于移动设备,jQuery Mobile 或者第三方插件可以提供触摸事件的支持,如`swipe`、`tap`等,使得图片展示在手机和平板上同样流畅。 6. **响应式设计**:利用 jQuery 结合 CSS3 可以实现响应式...
JQuery Mobile 提供了 `swipe` 事件,可以轻松实现这一功能: ```javascript $(document).on('swipeleft', '.slider', function() { slideIndex++; if (slideIndex > $('.slider > img').length) {slideIndex = 1...
综上所述,这个项目的核心是利用jQuery库实现了一个针对mobile设备的全屏水平翻页插件,它提供了良好的触摸屏支持和鼠标滚动交互,使用户可以在移动设备上享受流畅的全屏翻页体验。开发者可以通过分析`index.html`、...
在模板中,jQuery可能被用来实现如页面滚动效果、导航菜单的响应式切换、图片轮播、模态窗口等交互功能。例如,通过jQuery的`.slideUp()`和`.slideDown()`方法可以创建动态折叠的导航菜单,`.animate()`方法则可用于...
3. **jQuery Mobile**:如果组件包包含jQuery Mobile,那么它将专门针对移动设备优化,提供触摸友好的界面和组件,适合开发响应式或移动优先的Web应用。 4. **jQuery UI**:jQuery UI是一个官方的插件,提供了大量...
在图片展示中,jQuery可以用来实现平滑的滚动效果、动态加载更多图片、响应式设计以及各种用户交互。 "NotesForGally"组件是实现这个功能的关键。它是一个专门为ASP.NET设计的插件,允许开发者轻松地创建图片画廊。...