PhoneGap中文网

 找回密码
 立即注册
查看: 17760|回复: 2
打印 上一主题 下一主题

Jqmobi中 Side Menu的使用

[复制链接]

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
跳转到指定楼层
楼主
发表于 2014-3-1 14:08:43 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
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>
复制代码





it营
回复

使用道具 举报

6

主题

176

帖子

198

积分

注册会员

Rank: 2

积分
198
板凳
发表于 2014-3-4 22:22:26 | 只看该作者
学习了,谢谢分享、、、
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-11-5 23:27 , Processed in 0.081408 second(s), 27 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表