jQuery Mobile 按钮图标
2020-12-13 02:03
标签：style blog class code java ext jQuery Mobile 提供的一套图标可令您的按钮更具吸引力。 1、为 jQuery Mobile
按钮添加图标 如需向您的按钮添加图标，请使用 data-icon 属性：（您也可以在
） 下面我们列出了 jQuery Mobile
提供的一些可用图标： jQuery Mobile 按钮图标的完整信息，访问 jQuery
Mobile 图标参考手册 2、定位图标的位置 您也能够规定图标被放置的位置：上、右、下或左。使用 data-iconpos
属性来规定位置：（默认地，所有按钮中的图标靠左放置。） 3、只显示图标 如果只需显示图标，请将 data-iconpos 设置为 "notext"： jQuery Mobile 按钮图标,搜素材,soscw.com jQuery Mobile 按钮图标 标签：style blog class code java ext 原文地址：http://www.cnblogs.com/LO-ME/p/3714983.htmldiv data-role="page" id="pageone">
div data-role="content">
a href="#" data-role="button" data-icon="search">搜索a>
div>
div>
div data-role="page" id="pageone">
div data-role="content">
p>定位图标：p>
a href="#link" data-role="button" data-icon="search" data-iconpos="top" data-inline="true">Topa>
a href="#link" data-role="button" data-icon="search" data-iconpos="right">Righta>
a href="#link" data-role="button" data-icon="search" data-iconpos="bottom">Bottoma>
a href="#link" data-role="button" data-icon="search" data-iconpos="left" data-inline="true">Lefta>
div>
div>
div data-role="page" id="pageone">
div data-role="content">
p>只有图标没有文本的按钮。p>
p>b>注释：b>把鼠标指针移动到图标上会看到提示文本：p>
a href="#link" data-role="button" data-icon="search" data-iconpos="notext">搜索a>
div>
div>
上一篇：Spring从入门到精通（一）
下一篇：C#打开另一个窗体