1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <link rel="stylesheet" type="text/css" href="../jquery.mobile-1.4.5.min.css"> 7 <script type="text/javascript" src="../jquery-1.12.0.min.js"></script> 8 <script type="text/javascript" src="../jquery.mobile-1.4.5.min.js"></script> 9 </head> 10 <body> 11 <div data-role="page"> 12 <div data-role="header" data-theme="b"> 13 <h1>dsf</h1> 14 </div><!-- b主题为黑色 --> 15 <!-- <div data-role="page" data-theme="a|b|c|d|e"> 16 a 默认。黑色背景上的白色文本。 17 b 蓝色背景上的白色文本 / 灰色背景上的黑色文本 18 c 亮灰色背景上的黑色文本 19 d 白色背景上的黑色文本 20 e 橙色背景上的黑色文本 21 --> 22 <div data-role="content" data-theme="c"><!-- c主题为带黑色边框的 --> 23 <a href="#" data-role="button">按钮</a> 24 </div> 25 <div data-role="footer" data-theme="b"> 26 <h1>dsaf</h1> 27 </div> 28 </div> 29 </body> 30 </html>
