(五)Jquery Mobile列表

Jquery Mobile列表

一、JM列表

      1、普通列表
      技术分享
      效果:
      技术分享
      带序号的列表 将ul换成ol
      效果:
      技术分享
2、data-inset="true" 增加列表的上下左右的距离
      技术分享
3、带小图标的列表
      设置class="ui-li-icon"显示图标为中间技术分享
      效果:
      技术分享
4、带大图的列表
      技术分享
      效果:
     技术分享
5、带分割的列表
     技术分享
      效果:
      技术分享
     技术分享
6、带分组的列表
      技术分享
      效果:
      技术分享
7、折叠按钮
     技术分享
      效果:
      技术分享
      技术分享
     技术分享
8、折叠的按钮组
      技术分享
       还有一种是以数据的开头字母来分组
       技术分享
       实例:
        技术分享
       效果:
       技术分享
9、列表显示数目
      技术分享
      效果:
      技术分享





郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。