PhoneGap中文网

 找回密码
 立即注册

jqmobi js实现panel跳转 仿照应用市场app实现左右滑动切换页面

2015-9-1 23:04| 发布者: admin| 查看: 21188| 评论: 0

摘要: 【jqmobi基础补充】jqmobi js实现panel跳转 以及仿照应用市场app实现左右滑动切换页面演示地址:http://www.apiying.com/jqmobi/jqMobi 课件教程以及源码下载地址:http://bbs.phonegap100.com/thread-361-1-1.html ...
【jqmobi基础补充】jqmobi js实现panel跳转 以及仿照应用市场app实现左右滑动切换页面

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

jqMobi 课件教程以及源码下载地址:

http://bbs.phonegap100.com/thread-361-1-1.html



学习要点:
1. Jqmobi 中js实现panel跳转
2. Jqmobi 向右转场实现
3. jqmobi 应用市场app实现左右滑动
4. jqmobi 去掉导航的动态效果



1. Jqmobi 中js实现panel跳转

http://app-framework-software.intel.com/api.php#$_ui_loadContent

$.ui.loadContent("#main",false,false,"up"); $.ui.loadContent("#main");

2. Jqmobi 中向右转场实现 找到ui/transitions/ slide.js 修改 使用方法 注意大小写 a连接使用方法

SlideRight

Js使用方法
$.ui.loadContent("#bangdan_panel", false, true, "slideright");

3. jqmobi 应用市场app实现左右滑动

//榜单 $('#bangdan_list').bind("swipeLeft", function() {
     $.ui.loadContent("#fenlei_panel", false, false, "slide");

})

 $('#bangdan_list').bind("swipeRight", function() {
    $.ui.loadContent("#tuijian_panel", false, true, "slideright");
});


头晕

难过
1

扯淡
1

不解

搞笑
6

支持
1

超赞
1

欠扁

刚表态过的朋友 (10 人)

相关阅读

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2022-8-15 21:00 , Processed in 0.129706 second(s), 22 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

返回顶部