`
shuai1234
  • 浏览: 971993 次
  • 性别: Icon_minigender_1
  • 来自: 山西
社区版块
存档分类
最新评论

phonegap+jqmobi仿照新浪app左右滑动页面切换解决方案

 
阅读更多

 

 
免费Jqmobi+phonegap入门视频
 http://www.sxt.cn/u/1/blog/3311


phonegap+jqmobi仿照新浪app左右滑动页面切换解决方案:

可以鼠标或者手指在页面上左右滑动实现页面的切换

演示地址: 
http://www.apiying.com/jqmobi/

视频教程+课件+源码下载地址
: 
 http://www.sxt.cn/u/1/blog/3311


涉及知识点:
1.jqmobi的左右滑动事件 swipeLeft 和 swipeRight
 
1
2
3
4
5
6
7
$('#main_panel').bind("swipeLeft ", function() {
     $.ui.loadContent("#fenlei_panel", false, false, "slide");
})
 
$('#main_panel').bind("swipeRight", function() {
     $.ui.loadContent("#fenlei_panel", false, false, "slide");
})

2.jqmobi js跳转panel事件 $.ui.loadContent()

分享到:
评论

相关推荐

    jqmobi+phonegap+手机触屏滑动效果js

    《jqmobi+phonegap+手机触屏滑动效果js:构建流畅的移动应用体验》 在移动开发领域,jqMobi和PhoneGap是两个重要的工具,它们为开发者提供了便捷的方式来构建跨平台的原生应用。结合触屏滑动效果,可以创造出与原生...

    PhoneGap+javascript+html5 扫描二维码

    标题提到的"PhoneGap+javascript+html5 扫描二维码"是指利用PhoneGap框架,结合JavaScript和HTML5的特性来实现二维码扫描功能。在移动应用中,二维码扫描是非常实用的功能,可以用于快速数据交换、链接跳转、会员...

    phonegap+html+appframework

    - 创建项目:使用`phonegap create <app-id>`命令创建一个新的应用,替换<app-id>为你的应用ID。 - 添加平台:通过`phonegap platform add <platform>`添加你想要支持的移动平台,如Android或iOS。 - 集成...

    PhoneGap+Jquery+Html5实现远程登录功能(附带源码)

    PhoneGap通过封装设备API,为Web开发人员提供了一个桥梁,让他们可以访问移动设备的硬件特性,如摄像头、GPS、联系人列表等。在我们的远程登录场景中,我们主要关注网络通信能力,即通过Ajax与服务器进行数据交互。 ...

    Android Phonegap+HTML5+CSS3+jQuer简单界面模板示例及源码.zip源码资源下载

    Android Phonegap+HTML5+CSS3+jQuer简单界面模板示例及源码.zip源码资源下载Android Phonegap+HTML5+CSS3+jQuer简单界面模板示例及源码.zip源码资源下载

    phonegap+websocket+tomcat实现推送功能

    总的来说,"phonegap+websocket+tomcat实现移动终端推送功能"项目涉及到的技术栈包括前端的PhoneGap应用开发、WebSocket的JavaScript客户端实现、后端的Tomcat服务器配置以及WebSocket的Java服务端编程。通过这一...

    PhoneGap+jQueryMobile开发Android应用实例

    PhoneGap+jQueryMobile开发Android应用实例,搭建开发环境

    phonegap+jqueryMobilejs源码项目

    在这个"phonegap+jqueryMobilejs源码项目"中,我们可以期待看到以下关键知识点: 1. **PhoneGap环境搭建**:首先,我们需要安装PhoneGap的开发环境,包括Node.js、Apache Cordova和对应的平台SDK(如Android SDK或...

    android+phonegap+jquery mobile

    【标题】:“Android + PhoneGap + jQuery Mobile” 这个项目标题揭示了一个使用三种技术栈构建的移动应用程序:Android、PhoneGap和jQuery Mobile。Android是Google主导的开源操作系统,主要用于智能手机和平板...

    HTML5+PhoneGAP+JQM门店源代码框架

    HTML5+PhoneGAP+JQM门店源代码框架。 未完成,包括后台JSON部分。自己查找,后来我屏蔽掉了,但是效果是好的,由于模拟器太慢了,最后屏蔽了,但是代码可用。 开发环境Dreamweaver cs5.5.后台ASP.NET。

    Android Phonegap+HTML5+CSS3+jQuer简单界面模板示例及源码.zip项目安卓应用源码下载

    Android Phonegap+HTML5+CSS3+jQuer简单界面模板示例及源码.zip项目安卓应用源码下载Android Phonegap+HTML5+CSS3+jQuer简单界面模板示例及源码.zip项目安卓应用源码下载 1.适合学生毕业设计研究参考 2.适合个人学习...

    用PhoneGap+jQueryMobile开发Android应用实例

    用PhoneGap+jQueryMobile开发Android应用实例,很好的android开发学习教材。

    PhoneGap+JQuery示例项目

    PhoneGap+jQuery示例项目是一个将这两者结合的实践应用,旨在帮助开发者了解如何使用PhoneGap框架和jQuery库创建跨平台的移动应用程序。PhoneGap是一个开放源代码的开发框架,它允许开发人员使用HTML、CSS和...

    PhoneGap+Jquery mobile汇率计算器

    总的来说,"PhoneGap+jQuery Mobile汇率计算器"实例展示了如何将Web技术应用于移动开发,利用PhoneGap实现跨平台能力,利用jQuery Mobile提升用户体验。通过学习和实践这个实例,开发者不仅可以掌握这两种技术的基本...

    ionic+phonegap 案例源码

    Ionic框架的核心特点包括使用AngularJS(现在是Angular)进行数据绑定和状态管理,使用Sass进行样式定义,以及提供了一套丰富的UI组件,如导航、滑动、表单等,用于构建具有原生外观和感觉的应用。此外,Ionic还...

    phonegap框架简介与phonegap+Sencha源码实例 手机开发入门

    本资源包含有:PhoneGap框架简介、phonegap开发入门pdf(英文版)、外加一个phonegap+sencha-touch 的webapp 项目; 运行环境为:eclipse+jdk 1.5,模拟器为2.1。

    phonegap+jqueryMobile例子

    在这个“phonegap+jqueryMobile例子”中,我们将深入探讨这两个工具如何协同工作,以及如何利用它们创建Android应用程序。 PhoneGap是一个开源框架,它允许开发者使用HTML、CSS和JavaScript来构建原生的移动应用。...

    基于html5 +phonegap + jquery mobile 实现的手机APP.zip

    综上所述,这个项目利用HTML5的多媒体特性创建Web应用,借助PhoneGap将其转换为可在不同移动设备上运行的原生应用,再通过jQuery Mobile优化用户界面和交互体验,实现了跨平台的手机APP开发。这个过程中,开发者需要...

    PhoneGap+Jquery mobile

    总的来说,PhoneGap和jQuery Mobile的组合提供了一种高效且灵活的移动应用开发方案,让开发者能够快速地构建出具有原生体验的多平台应用。通过熟练掌握这两项技术,开发者可以轻松应对各种移动应用场景,创造出丰富...

Global site tag (gtag.js) - Google Analytics