案例: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
</head>
8
<body>
9
10
<div data-role="page" id="pageone">
11
  <div data-role="content">
12
    <h2>包含缩略图和文本的列表:</h2>
13
    <ul data-role="listview" data-inset="true">
14
      <li>
15
        <a href="#">
16
        <img src="/img/chrome.png">
17
        <h2>Google Chrome</h2>
18
        <p>Google Chrome is a free, open-source web browser. Released in 2008.</p>
19
        </a>
20
      </li>
21
      <li>
22
        <a href="#">
23
        <img src="/img/firefox.png">
24
        <h2>Mozilla Firefox</h2>
25
        <p>Firefox is a web browser from Mozilla. Released in 2004.</p>
26
        </a>
27
      </li>
28
    </ul>
29
  </div>
30
</div> 
31
32
</body>
33
</html>
34