jqmobi实现Panel跳转与左右滑动效果.pdfVIP

【jqmobi基础补充】jqmobiJavaScript实现panel

跳转以及仿照应用市场应用实现左右滑动切换页面

学习要点:

1.jqmobi中JavaScript实现panel跳转

2.jqmobi向右转场实现3.jqmobi应用市场

应用实现左右滑动4.jqmobi去掉导航的动

态效果

讲师：(树根)作：合作:

(PhoneGap中文网)

1.jqmobi中JavaScript实现panel跳转

‑framework‑/api.php#$ui加载内容

$.ui.loadContent(#main,false,false,向上);

$.ui.loadContent(#main);

2.jqmobi中向右转场实现

找到用户界面/transitions/slide.js修改

使用方法注意大小写

a连接使用方法

ahref=#transition1data-transition=classSlideRight=SlideRight/a

JavaScript使用方法$.ui.loadContent(#bangdan_

panel,false,true,slideright);

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

_

//$(#bangdanlist).bind(左滑,

function(){

【jqmobi基础补充】jqmobijs实现panel跳转以及

仿照应用市场app实现左右滑动切换页面

学习要点：

1.Jqmobi中js实现panel跳转

2.Jqmobi向右转场实现

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

4.jqmobi去掉导航的动态效果

讲教：（树根）

合作：(PhoneGap文网)

1.Jqmobi中js实现panel跳转

$uiloadContent

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

$.ui.loadContent(#main);

2.Jqmobi中向右转场实现

找到ui/transitions/slide.js修改

使用方法注意大小写

a连接使用方法

ahref=#transition1data-transition=slideRightclass=SlideRight/a

Js使用方法

$.ui.loadContent(#bangdan_panel,false,true,slideright);

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

//

$(#bangdan_list).bind(swipeLeft,function(){

_

$.ui.loadContent(#分类panel,false,false,slide);

})$(#_list).bind(swipeRight,function(){$.

_

ui.loadContent(#推荐panel,false,true,slideright);});

4.jqmobi去掉导航的动态效果

$.ui.animateHeaders=false;

感收本次本教PhoneGap文

()()供我:

树根我箱:phonegap100@

$.ui.loadContent(