<! DOCTYPEHTML> <!--NAV-<HTML> <Headlang="en"> <Metacharset="UTF-8"> <!--width is the width of the device, scaling 1.0, which means no scaling--<Metaname="Viewport"content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=0;"name="Viewport"> <title></title> <!--jquerymobile must rely on 3 library files---<Scriptsrc="Jquery-2.1.4.min.js"></Script> <Scriptsrc="Jquery.mobile-1.4.5.min.js"></Script> <Linkhref="Jquery.mobile-1.4.5.min.css"rel="stylesheet"type="Text/css"> </Head> <Body> <!--definition Navigation-<Divdata-role="NavBar"> <ul> <Li><ahref="#" class="Ui-btn-active">one</a></Li> <Li><ahref="#">two</a></Li> <Li><ahref="#">three</a></Li> <Li><ahref="#">four</a></Li> </ul> </Div> <!--define head navigation-<Divdata-role="Header"> <H1>my head</H1> <Divdata-role="NavBar"> <ul> <Li><ahref="#" class="Ui-btn-active">one</a></Li> <Li><ahref="#">two</a></Li> <Li><ahref="#">three</a></Li> <Li><ahref="#">four</a></Li> </ul> </Div> </Div> <!--define foot navigation--<Divdata-role="Footer"> <H1>my foot</H1> <Divdata-role="NavBar"> <ul> <Li><ahref="#" class="Ui-btn-active">one</a></Li> <Li><ahref="#">two</a></Li> <Li><ahref="#">three</a></Li> <Li><ahref="#">four</a></Li> </ul> </Div> </Div> <!--define head navigation, introduce picture system images, or introduce your own pictures--<Divdata-role="Header"data-theme="B"> <Divdata-role="NavBar"> <ul> <Li><ahref="#" data-icon="Grid"class="Ui-btn-active">one</a></Li> <Li><ahref="#" data-icon="Star">two</a></Li> <Li><ahref="#" data-icon="Gear">three</a></Li> </ul> </Div> </Div> </Body>
</HTML>
SOURCE Download:
http://download.csdn.net/download/zhaihaohao1/9164935