<! DOCTYPEHTML> <!--page jump-up <HTML> <Headlang="en"> <Metacharset="UTF-8"> <!--adapter label, width is the width of the device, scaling 1.0, indicating no scaling--<Metaname="Viewport"content="width=device-width,initial-scale=1.0"> <title></title> <!--introduce the required library files---<Scriptsrc="Jquery-2.1.4.min.js"></Script> <Scriptsrc="Jquery.mobile-1.4.5.min.js"></Script> <Linkrel="stylesheet"href="Jquery.mobile-1.4.5.min.css"type="Text/css"> </Head> <Body> <!--First interface--<Divdata-role="Page"id="Pageone"data-position="Fixed"> <Divdata-role="Header"> <H1> Welcome to my homepage </H1> </Div> <Divrole="Main"> <!--data-transition page to rotate the picture--and <ahref="#pagetwo"data-transition="Slideup"> Jump to the second interface </a> <!--data-rel= "dialog" treats the second interface as a Dialog--> <ahref="#pagetwo"data-rel="Dialog"> Treat the interface as a dialog</a> </Div> <Divdata-role="Footer"data-position="Fixed"> <H1> This is the bottom </H1> </Div> </Div> <!--a second interface--<Divdata-role="Page"id="Pagetwo"> <Divdata-role="Header"> <H1> Welcome to my homepage </H1> </Div> <Divrole="Main"> <!--data-transition page to rotate the picture--and <ahref="#pageone"data-transition="Flip"> Return to the first interface </a> </Div> <Divdata-role="Footer"> <H1> This is the bottom </H1> </Div> </Div> </Body>
</HTML>
Library files that you need to rely on:
http://download.csdn.net/detail/zhaihaohao1/9160517