脚本宝典收集整理的这篇文章主要介绍了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，请注明来意。