私人领地

JQM页面跳转，多种效果 

<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 

posted @ 2015-07-31 11:23  狂奔的蜗牛Snails  阅读(339)  评论(0)  编辑  收藏  举报