一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

jquery mobile实现可折叠的导航按钮

时间:2017-06-19 编辑:简简单单 来源:一聚教程网

功能:

当功能时,创建可折叠分组导航按钮。只需指定 data-role=" collapsible "创建可折叠面板

 

 代码如下 复制代码

 

 可折叠的导航面板

 

 

  

   

 

 

图书查阅系统

 

 

 

 

 

文学历史

 

  

  • 明代
  •   

  • 宋代
  •  

     

     

     

     

    人文社科

     

      

  • 财务
  •   

  • 心理
  •  

     

     

     

     

    计算机应用

     

      

  • 软件开发
  •   

  • 数据库
  •   

  • 移动开发
  •  

     

     

     

     

    请单击“+”按钮进行展开

     

     

    代码分析:

            通过data-role=" collapsible "创建可折叠的div,再在其中通过 data-role=" listview "创建列表框
            data-theme : 指定预定义样式  (也可以使用样式构建器创建自定义样式)
            data-collapsed="false" : 表示默认不折叠

    效果图:

    热门栏目