当前位置: 代码迷 >> Web前端 >> jQuery Mobile中的按钮图标及式样
  详细解决方案

jQuery Mobile中的按钮图标及式样

热度:294   发布时间:2013-10-10 14:14:51.0
jQuery Mobile中的按钮图标及样式

jQuery Mobile在进行按钮设计的时候,缺省定义了一套data-icon参数,基于这套参数可以指定常用的按钮图标。

data-icon可以指定不同的参数,参数不同,所呈现的按钮图标样式也会不同。

左箭头 data-icon=“arrow-l”
右箭头 data-icon=“arrow-r”
向上箭头 data-icon=“arrow-u”
向下箭头 data-icon=”arrow-d“
删除 data-icon=”delete“
加号 data-icon="plus"
减号 data-icon=”minus“
检查 data-icon=”check“
齿轮 data-icon=”gear“
刷新 data-icon=”refresh“
向前 data-icon=”forward“
向后 data-icon="back"
网格 data-icon="grid"
星形 data-icon="star"
警告 data-icon="alert"
信息 data-icon="info"
主页 data-icon="home"
查询 data-icon="search"
此外,设置data-iconpos 属性也可以设置图标的位置
图标的位置
left 左侧(缺省)
right 右侧
top 上方正中
bottom 下方正中
notext 只有图标而没有文字
   
   
   
   
   

  相关解决方案