| 【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 
Archiver|手机版|小黑屋|
PhoneGap中文网
( 京ICP备13027796号-1 )
GMT+8, 2024-4-26 22:05 , Processed in 0.032989 second(s), 19 queries .
Powered by Discuz! X3.2
© 2001-2013 Comsenz Inc.
