脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-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 只有图标而没有文字
觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!
以上是脚本宝典为你收集整理的javascript代码实例教程-jQuery Mobile中的按钮图标及样式全部内容,希望文章能够帮你解决javascript代码实例教程-jQuery Mobile中的按钮图标及样式所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。