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="navbar"><!-- 导航 --> 12 <ul> 13 <li><a href="#" class="ui-btn-active">one</a></li><!-- 默认选中状态 --> 14 <li><a href="#">two</a></li> 15 <li><a href="#">one</a></li> 16 <li><a href="#">one</a></li> 17 </ul> 18 </div> 19 <div data-role="header"> 20 <h1>my head</h1> 21 <div data-role="navbar"> 22 <ul> 23 <li><a href="#" class="ui-btn-active">one</a></li><!-- 默认选中状态 --> 24 <li><a href="#">two</a></li> 25 <li><a href="#">one</a></li> 26 <li><a href="#">one</a></li> 27 </ul> 28 </div> 29 </div> 30 <div data-role="header" data-theme="b"> 31 <div data-role="navbar"> 32 <ul> 33 <li><a href="" data-icon="grid">one</a></li> 34 <li><a href="" data-icon="star">one</a></li> 35 <li><a href="" data-icon="gear">one</a></li> 36 </ul> 37 </div> 38 </div> 39 </body> 40 </html>
