> JQuery UI中文在线手册 > 带有组合按钮的尾部栏
<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" href="Http://apps.bdimg.com/libs/jquerymobile/1.4.2/jquery.mobile.min.CSS">
<script src="//apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//apps.bdimg.com/libs/jquerymobile/1.4.2/jquery.mobile.min.js"></script>
</head>
<body>

<div data-role="header">
  <a href="#" data-role="button" data-icon="home">Home</a>
  <h1>Welcome To My Homepage</h1>
  <a href="#" data-role="button" data-icon="search">Search</a>
</div>

<div data-role="content">
  <p>The buttons are for demonstration purposes only, and will not have any effect.</p>
</div>

<div data-role="footer">
<div data-role="controlgroup">
  <a href="#" data-role="button" data-icon="plus">Add Me On Facebook</a>
  <a href="#" data-role="button" data-icon="plus">Add Me On Twitter</a>
  <a href="#" data-role="button" data-icon="plus">Add Me On Instagram</a>
</div>
</div>

</body>
</html>