jQuery Mobile 带有组合按钮的尾部栏
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.2/jquery.mobile.min.css">
<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://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>
- 点赞
- 收藏
- 关注作者
评论（0）