jqmobi js实现panel跳转 仿照应用市场app实现左右滑动切换页面
作者:本站编辑 发布时间:2015-11-24 来源:本站原创
点击数:
学习要点：
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");
});