</div>
</div>
</div>
</body>
</html>
演示图
示例五：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="http://apps.bdimg.com/libs/jquerymobile/1.4.2/jquery.mobile.min.css">
<script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://apps.bdimg.com/libs/jquerymobile/1.4.2/jquery.mobile.min.js"></script>
</head>
<body><div data-role="page" id="pageone">
<div data-role="content">
<h2>有序列表：</h2>
<ol data-role="listview">
<li><a href="#">列表项</a></li>
<li><a href="#">列表项</a></li>
<li><a href="#">列表项</a></li>
</ol>
<h2>无序列表：</h2>
<ul data-role="listview">
<li><a href="#">列表项</a></li>
<li><a href="#">列表项</a></li>
<li><a href="#">列表项</a></li>
</ul>
</div>
</div>
</body>
</html>
演示图
在介绍过程中有不对的地方或不严谨的地方，欢予以纠正。感谢大家！
与其他教程不同的是，本教程都是通一个个实例进行展示。关键性介绍都会在代码中穿插。
