PhoneGap中文网

标题: 第九讲 phonegap 教程 Jquery Mobile 面板(panel)详解 [打印本页]

作者: admin    时间: 2013-9-28 23:27
标题: 第九讲 phonegap 教程 Jquery Mobile 面板(panel)详解
高清视屏教程下载地址:

http://yun.baidu.com/s/1pJEztPL


课件以及源码下载地址:




1. 面板具有灵活的设计,可以用于导航,注册登录,以及更多。可以实现几乎data-role="content" 完成的所有功能 用data-role="panel"来定义
data-display=“reveal” ,默认值,将页面像幻灯片一样从屏幕划出,将面板显示出来
data-display="overlay",面板出现在页面内容顶部上层。
data-display="push",是同时“推动”的面板和页面。

手指左右触摸  实现面板显示与隐藏js 代码
  1. <script>
  2.                 $( document ).on( "pageinit", "#demo-page", function() {

  3.                         $( document ).on( "swipeleft swiperight", "#demo-page", function( e ) {
  4.                                 // We check if there is no open panel on the page because otherwise
  5.                                 // a swipe to close the left panel would also open the right panel (and v.v.).
  6.                                 // We do this by checking the data that the framework stores on the page element (panel: open).
  7.                                 if ( $.mobile.activePage.jqmData( "panel" ) !== "open" ) {
  8.                                         if ( e.type === "swipeleft"  ) {
  9.                                                 $( "#right-panel" ).panel( "open" );
  10.                                         } else if ( e.type === "swiperight" ) {
  11.                                                 $( "#left-panel" ).panel( "open" );
  12.                                         }
  13.                                 }
  14.                         });
  15.                 });
  16.     </script>
复制代码



作者: mailawu    时间: 2013-9-29 00:16
怎么都不能下载了
作者: why    时间: 2013-9-29 00:26
不管东西咋样 还是先谢谢了

作者: bean    时间: 2013-9-29 09:10
学习学习
作者: admin    时间: 2013-9-29 11:07
mailawu 发表于 2013-9-29 00:16
怎么都不能下载了

可以下载的 亲
作者: King_95923    时间: 2013-9-29 11:21
看看效果先
作者: 魔头    时间: 2013-9-29 12:50
看看效果先
作者: 于升~to-time    时间: 2013-9-29 13:31
卡萨诺说可能是是
作者: 中国男孩    时间: 2013-9-29 14:32
拿来学习
作者: 无语    时间: 2013-9-29 14:44
不管东西咋样 还是先谢谢了
作者: 杯子    时间: 2013-9-29 14:45
沙发抢,……。
作者: briskvoice    时间: 2013-9-29 15:27
谢谢分享
作者: xmmarmy007    时间: 2013-9-29 17:27
不错 很好的学习
作者: 逝去,年华    时间: 2013-9-29 18:12
呵呵 先看看再说
作者: mdeve    时间: 2013-9-29 20:50
老棒了
作者: 19silly    时间: 2013-9-29 21:13
吼吼。。学习中。。。感谢
作者: 易龙科技    时间: 2013-9-29 22:05
顶一下 支持楼主
作者: home-lj    时间: 2013-9-29 22:25
谢谢楼主分享!!!
作者: phonegap_mia    时间: 2013-9-29 23:03
谢过楼主~
作者: 绯红游侠    时间: 2013-9-30 07:37
xiexie....
作者: ☆踏浪☆    时间: 2013-9-30 09:18
继续学习
作者: 寻找我的礼物    时间: 2013-9-30 17:48
xiexie~~~~~~~~~~~~~~~``
作者: 闲来巫师    时间: 2013-9-30 21:58
又有更新啦
作者: kupig    时间: 2013-10-1 10:13
看一下,下载下来
作者: lxychinese    时间: 2013-10-2 15:39
谢谢,正在找这个资料
作者: /ty東方龍    时间: 2013-10-2 17:27
多谢亲亲奉献!
作者: caiyong1987    时间: 2013-10-2 20:41
过来支持了~~
作者: caiyong1987    时间: 2013-10-2 21:12
貌似下载没有速度啊
作者: xsxz0111    时间: 2013-10-3 03:34
噢噢噢噢、
作者: 紫鱼    时间: 2013-10-3 08:40
这正是我需要的,GOOD!
作者: zhiwupei    时间: 2013-10-3 09:09
00000000000000000000000
作者: speed    时间: 2013-10-3 11:37
很清楚
作者: zhh8896416    时间: 2013-10-3 22:56
正在看这个。。
作者: hacker_1    时间: 2013-10-4 08:04
视频很好
作者: a565297298    时间: 2013-10-4 17:37
楼主威武,楼主加油!!!继续出好视频
作者: Hogantry    时间: 2013-10-4 17:50
老是要回复,有点麻烦呀
作者: taoshihan    时间: 2013-10-4 20:40
终于找着了
作者: sunning    时间: 2013-10-4 20:44

不管东西咋样 还是先谢谢了
作者: eric_xue8    时间: 2013-10-4 22:04
谢谢分享
作者: 々E网∮织神    时间: 2013-10-4 22:50

作者: river    时间: 2013-10-5 02:35
感谢分享
作者: river    时间: 2013-10-5 02:37
不能下载了
作者: koni    时间: 2013-10-5 07:00

作者: evan    时间: 2013-10-5 09:05
不错,学习中,
作者: fsrm001    时间: 2013-10-5 18:43
谢谢楼主 不错的视频
作者: www    时间: 2013-10-5 19:28
辛苦了
作者: yinxiucheng    时间: 2013-10-5 20:11
thanks...
作者: wodi88    时间: 2013-10-5 20:42
我要下完全部的教程
作者: phonegap100_1    时间: 2013-10-5 23:35
感谢树根,来下载...
作者: -_Vampire    时间: 2013-10-6 11:11
终于等到更新了
作者: 张盟孟    时间: 2013-10-6 11:43
回复,我想下载
作者: jhao    时间: 2013-10-6 18:50
不定顶顶顶顶顶顶顶顶
作者: testhehe    时间: 2013-10-6 23:56
谢谢,下载下来看看先!
作者: chenwenxian    时间: 2013-10-7 01:28
第九讲 phonegap 教程真是好东西来的
作者: shuji    时间: 2013-10-7 09:12
学习。。。。。
作者: ghostdp    时间: 2013-10-7 12:07
顶  Mobile 面板(panel)详解
作者: bingjingjiang    时间: 2013-10-7 14:01
好东西啊,要收藏
作者: villain1205    时间: 2013-10-8 02:24
3q 4 u share
作者: xiaota    时间: 2013-10-8 13:37

作者: lear    时间: 2013-10-8 17:59
真是好东西啊,感谢分享
作者: monsterphp    时间: 2013-10-8 22:14
谢谢分享
作者: wzxck    时间: 2013-10-9 12:28
好东西,大家分享
作者: long89661314    时间: 2013-10-9 13:00
看看效果先
作者: caixxin    时间: 2013-10-9 19:51

作者: shenyangbin    时间: 2013-10-10 10:44
sddddddddddddddddd
作者: shellcj66    时间: 2013-10-10 11:20
这篇有木有课件PDF下载呢
作者: dyh    时间: 2013-10-10 11:23
RSEGAWQ染色体hear我个
作者: otiger@sina.com    时间: 2013-10-10 13:44
支持正版
作者: meiqingxin    时间: 2013-10-10 15:12
多谢分享
作者: 一心    时间: 2013-10-10 15:16
学习学习
作者: citydream    时间: 2013-10-10 15:45
源码多多益善
作者: merrik    时间: 2013-10-11 09:25
看内容,怎么没有地方看
作者: bulleeyu    时间: 2013-10-11 12:50
dsdasfasdfasfdasfsadfsafdsafasdfasfda
作者: 白菜守望    时间: 2013-10-11 17:42
支持论坛发展
作者: yangfan_ydt    时间: 2013-10-11 22:50
谢谢楼主分享!!!
作者: yangfan_ydt    时间: 2013-10-11 22:56
谢谢楼主分享!!!
作者: 博爱无涯    时间: 2013-10-12 14:39
继续关注树根老师的教程,视频非常清晰,内容页非常好非常有用。
作者: 梦呓回眸    时间: 2013-10-12 16:55
继续学习中。。。。。。。。。。。。。
作者: zmc1213    时间: 2013-10-12 17:41
第九讲!!!
作者: nxling    时间: 2013-10-12 18:02
谢谢分享
作者: 1278237763xyb    时间: 2013-10-12 20:17
XVfdxhgfjhk
作者: 啊实打实的    时间: 2013-10-12 22:31
啊啊啊啊阿啊啊啊啊啊阿啊啊啊啊啊啊啊
作者: hjcvb    时间: 2013-10-13 09:58
阿斯达斯的
作者: 阿哲85873    时间: 2013-10-13 10:10
谢谢老师!!!!!!!!!!!!!!
作者: hilon    时间: 2013-10-13 11:06
学习~ 感谢楼主
作者: letjasonin    时间: 2013-10-13 14:54
谢谢,学习一下
作者: boss2014    时间: 2013-10-13 16:54
下下来看看
作者: conception    时间: 2013-10-13 17:22
讲的越细越好讲的越细越好
作者: tyb_3494    时间: 2013-10-13 23:21

老规矩,先回后下!!!!!!!
作者: harriers    时间: 2013-10-14 14:10
继续学习ing
作者: sorcer0123    时间: 2013-10-14 14:24
老师很苦 视频很好
作者: kukumantou    时间: 2013-10-14 15:42
不管东西咋样 还是先谢谢了

作者: 顾丶小末    时间: 2013-10-14 17:51
非常感谢站长分享

作者: qq393090149    时间: 2013-10-15 09:42
en ..不错,就是有些视频的课件好像没有贴上
作者: dev_luchh    时间: 2013-10-15 11:04
看下 谢谢分享
作者: woniu    时间: 2013-10-15 12:26
dddddddddddddd
作者: wangyang851221    时间: 2013-10-15 14:50
第九讲!
作者: cserwang    时间: 2013-10-15 21:10
第九讲 phonegap 教程 Jquery Mobile 面板(panel)
作者: freya1130    时间: 2013-10-16 10:54
看一看看一看看一看看一看
作者: 小枫131412    时间: 2013-10-16 12:45
有段时间没来了~~继续努力,支持树根!!




欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/) Powered by Discuz! X3.2