<!DOCTYPE html> <html> <head> <title>演示</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="__STATIC__/css/default/jquery.mobile-1.4.0.min.css" /> <script type="text/javascript" src="__STATIC__/js/jquery/jquery190.js"></script> <script type="text/javascript" src="__STATIC__/js/jquery/jquery.mobile-1.4.0.min.js"></script> </head> <body> <div data-role="page" id="home"> <header data-role="header" data-add-back-btn="true"> <h1>测试</h1> </header> <div data-role="content"> <a href="#page2" data-role="button">列表页面</a> </div> <footer data-role="footer" id="J_buttom"> <div data-role="navbar"> <ul> <li><a href="#" data-icon="grid" class="ui-btn-active ui-state-persist">Summary</a></li> <li><a href="#" data-icon="star">Favs</a></li> <li><a href="#" data-icon="gear">Setup</a></li> </ul> </div><!-- /navbar --> </footer> </div>
原文：http://www.cnblogs.com/cfas/p/3522243.html
