案例:jquery Mobile案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<link rel="stylesheet" href="/js/jquery.mobile-1.3.2.min.css">
5
<script src="/js/jquery-1.8.3.min.js"></script>
6
<script src="/js/jquery.mobile-1.3.2.min.js"></script>
7
<style>
8
.ui-bar-f
9
{
10
color:green;
11
background-color:yellow;
12
}
13
.ui-body-f
14
{
15
font-weight:bold;
16
color:purple;
17
}
18
</style>
19
</head>
20
<body>
21
22
<div data-role="page">
23
  <div data-role="header" data-theme="f">
24
    <h1>应用 "f" 主题的标题</h1>
25
  </div>
26
27
  <div data-role="content" data-theme="f">
28
    <p>应用新的 "f" 主题的内容!</p>
29
  </div>
30
</div>
31
32
</body>
33
</html>
34