<! DOCTYPEHTML> <!--collapsible folding-up <HTML> <Headlang="en"> <Metacharset="UTF-8"> <title></title> <!--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> <Divdata-role="Page"> <Divdata-role="Header"> <H1> Head </H1> </Div> <Divdata-role="Content"> <!--default Folding--<Divdata-role="Collapsible"> <h4>heading</h4> <P> Life is limited, but serving the people is unlimited </P> <P> I want to devote my limited life to the unlimited serving of the </P> </Div> <!--Remove the outline of the expanded content display--<Divdata-role="Collapsible"data-content-theme="false"> <h4>heading</h4> <P> I started </.P> </Div> <!--Default Expansion--<Divdata-role="Collapsible"data-collapsed="false"> <h4>heading</h4> <P> Life is limited, but serving the people is unlimited </P> <P> I want to devote my limited life to the unlimited serving of the </P> </Div> <!--expand a list--<Divdata-role="Collapsible"> <H1> Series </H1> <uldata-role="ListView"> <Li><ahref="#">item1</a></Li> <Li><ahref="#">item2</a></Li> <Li><ahref="#">item3</a></Li> </ul> </Div> </Div> <Divdata-role="Footer"> <H1> Bottom </H1> </Div> </Div> </Body>
</HTML>
SOURCE Download:
http://download.csdn.net/download/zhaihaohao1/9164935