Jquery Mobile列表

一、JM列表

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





相关文章: