<div data-role="page" id="pageone">
<div data-role="header">
<h1>欢迎访问我的主页</h1>
</div> <div data-role="content">
<p>Welcome!</p>
<a href="#pagetwo">转到页面二</a>
</div> <div data-role="footer">
<h1>页脚文本</h1>
</div>
</div> <div data-role="page" id="pagetwo">
<div data-role="header">
<h1>欢迎访问我的主页</h1>
</div> <div data-role="content">
<p>Goodbye!</p>
<a href="#pageone">转到页面一</a>
</div> <div data-role="footer">
<h1>页脚文本</h1>
</div>
</div>
多种效果网址:http://www.w3school.com.cn/jquerymobile/jquerymobile_transitions.asp