admin 发表于 2013-9-28 23:27:49

第九讲 phonegap 教程 Jquery Mobile 面板(panel)详解

高清视屏教程下载地址:

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


课件以及源码下载地址:

**** Hidden Message *****


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

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

                        $( document ).on( "swipeleft swiperight", "#demo-page", function( e ) {
                              // We check if there is no open panel on the page because otherwise
                              // a swipe to close the left panel would also open the right panel (and v.v.).
                              // We do this by checking the data that the framework stores on the page element (panel: open).
                              if ( $.mobile.activePage.jqmData( "panel" ) !== "open" ) {
                                        if ( e.type === "swipeleft") {
                                                $( "#right-panel" ).panel( "open" );
                                        } else if ( e.type === "swiperight" ) {
                                                $( "#left-panel" ).panel( "open" );
                                        }
                              }
                        });
                });
    </script>

mailawu 发表于 2013-9-29 00:16:38

怎么都不能下载了

why 发表于 2013-9-29 00:26:35

不管东西咋样 还是先谢谢了

bean 发表于 2013-9-29 09:10:42

学习学习{:2_37:}

admin 发表于 2013-9-29 11:07:36

mailawu 发表于 2013-9-29 00:16
怎么都不能下载了

可以下载的 亲

King_95923 发表于 2013-9-29 11:21:46

看看效果先

魔头 发表于 2013-9-29 12:50:59

看看效果先

于升~to-time 发表于 2013-9-29 13:31:34

卡萨诺说可能是是

中国男孩 发表于 2013-9-29 14:32:30

拿来学习

无语 发表于 2013-9-29 14:44:54

不管东西咋样 还是先谢谢了
页: [1] 2 3 4 5 6 7 8 9 10
查看完整版本: 第九讲 phonegap 教程 Jquery Mobile 面板(panel)详解