BootWiki教程网
源代码：
点击运行
<!DOCTYPE html> <html> <head> <link href="//cdn.staticfile.net/jquerymobile/1.4.2/jquery.mobile.min.css" rel="stylesheet"> <script src="//cdn.staticfile.net/jquery/1.10.2/jquery.min.js"></script> <script src="//cdn.staticfile.net/jquerymobile/1.4.2/jquery.mobile.min.js"></script> </head> <body> <div data-role="page" id="pageone"> <div data-role="content"> <a data-icon="arrow-l" data-role="button" href="#">左边箭头图标</a> <a data-icon="arrow-r" data-role="button" href="#">右边箭头图标</a> <a data-icon="arrow-u" data-role="button" href="#">向上箭头图标</a> <a data-icon="arrow-d" data-role="button" href="#">向下箭头图标</a> <a data-icon="plus" data-role="button" href="#">加号</a> <a data-icon="minus" data-role="button" href="#">减号图标</a> <a data-icon="delete" data-role="button" href="#">乘号图标</a> <a data-icon="check" data-role="button" href="#">选择图标</a> <a data-icon="home" data-role="button" href="#">主页图标</a> <a data-icon="info" data-role="button" href="#">信息图标</a> <a data-icon="back" data-role="button" href="#">返回图标</a> <a data-icon="forward" data-role="button" href="#">前往图标</a> <a data-icon="refresh" data-role="button" href="#">刷新图标</a> <a data-icon="grid" data-role="button" href="#">网格图标</a> <a data-icon="gear" data-role="button" href="#">齿轮图标</a> <a data-icon="search" data-role="button" href="#">搜索图标</a> <a data-icon="star" data-role="button" href="#">星号图标</a> <a data-icon="alert" data-role="button" href="#">警告图标</a> </div> </div> </body> </html>
运行结果