I. Header
1. Add the header and footer
Page 1
Page footer
The default header is displayed at the top edge of the screen. When the screen is scrolling, the header slides out of the screen. You can create a Fixed Header by adding the data-position attribute.
Page 1
Page footer
You can use the date-theme attribute to adjust the topic of the header. The default topic is black data-theme = ""
JQuery Mobile Web Application
<Script src = "jquery-mobile/jquery-1.6.4.min.js" type = "text/javascript"> </script> <script src = "jquery-mobile/jquery. mobile-1.0.min.js & quot; type = & quot; text/javascript & quot; & gt; </script & quot; Page 1
- Page 1
- Page 1
- Page 1
- Page 1
- Page 1
- Page 1
- Page 1
- Page 1
- Page 1
- Page 1
- Page 1
- Page 1
- Page 1
- Page 1
- Page 1
- Page 1
- Page 1
- Page 1
- Page 1
- Page 1
- Page 1
- Page 1
- Page 1
- Page 1
Page footer 2nd page content page footer 3rd page content page footer 4th page content page footer
After you add data-fullscreen = "true" to the page container, the page header and footer will appear when you click "true". Clicking again will disappear.
2. Add a return button
Back to page 1st
Text icon on the left and pure icon on the right.
3. Add a segmentation Toolbar
Return to page 1, menu 1, Menu 2, menu 3.
Iv. Label navigation bar