编辑您的代码：提交代码

​x
 
1
2
3
<!DOCTYPE html>
4
<html>
5
<head>
6
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
7
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
8
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
9
</head>
10
<body>
11
​
12
<div data-role="page" id="pageone">
13
  <div data-role="header">
14
    <h1>欢迎访问我的主页</h1>
15
  </div>
16
​
17
  <div data-role="content">
18
    <p>点击链接来查看向上滑动效果。</p>
19
    <a href="#pagetwo" data-transition="slideup">转到页面二</a>
20
  </div>
21
​
22
  <div data-role="footer">
23
    <h1>页脚文本</h1>
24
  </div>
25
</div>
26
​
27
<div data-role="page" id="pagetwo">
28
  <div data-role="header">
29
    <h1>欢迎访问我的主页</h1>
30
  </div>
31
​
32
  <div data-role="content">
33
    <p>点击链接返回页面一。<b>注释：</b>：fade 是默认效果。</p>
34
    <a href="#pageone">返回页面一</a>
35
  </div>
36
​
37
  <div data-role="footer">
38
    <h1>页脚文本</h1>
39
  </div>
40
</div>
41
​
42
</body>
43
</html>
44
          

查看结果：

请在上面的文本框中编辑您的代码，然后单击提交按钮测试结果。w3c0.com

W3c0.com 提供的内容仅用于培训。我们不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。W3c0 简体中文版的所有内容仅供测试，对任何法律问题及风险不承担任何责任。 当使用本站时，代表您已接受了本站的使用条款和隐私条款。版权所有，保留一切权利。 鲁ICP备15022115号