PhoneGap中文网

标题: Jqmobi中 Side Menu的使用 [打印本页]

---

作者: admin    时间: 2014-3-1 14:08
标题: Jqmobi中 Side Menu的使用
Jqmobi中 Side Menu 也就是Jqmobi的侧边栏    在2.1版本中侧边栏增加了 右侧拉出  下面给大家分享一下左侧拉出的代码

右侧拉出的可以下载官方demo

1. <div id="afui">
   
2.    <div id="content">     
   
3.       <div id="main" title="Welcome" class="panel" selected="true" data-footer="custom_footer"  data-header="custom_header" data-nav="main_nav">
   
4.             对应页面的内容
   
5.       </div>
   
6.        <header id="custom_header">
   
7.               <h1>Welcome</h1>
   
8.               <a class="button" style="float:right;" class="icon home"></a>
   
9.        </header>
   
10.        <footer id="custom_footer">
    
11.                <a href='#about' class='icon info'>About</a>
    
12.        </footer>
    
13. <!--SideMenu-->
    
14.                 <nav id="main_nav">
    
15.                         <div class='title'>Home</div>
    
16.                         <ul>
    
17.                                 <li ><a class="icon home mini" href="#main">Home</a></li>
    
18.                         </ul>
    
19.                 </nav>  
    
20. </div>
    
21. </div>
    

复制代码

---

作者: toget    时间: 2014-3-1 22:08
mark以下

---

作者: 小雪    时间: 2014-3-4 22:22
学习了，谢谢分享、、、

---

欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/)

Powered by Discuz! X3.2