HTML5开发实例
下载jquery
http://http://code.jquery.com/jquery-1.9.0.min.js
将jquery-1.9.0.min.js文件放入项目js文件夹下
下载jquery.mobile
http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.zip
解压后将
images文件夹放入项目根目录下
jquery.mobile-1.2.0.min.css文件放入项目根目录下
jquery.mobile-1.2.0.min.js文件放入项目js文件夹下
index.html文件引入css文件及js文件
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>百易记事本</title>
<link rel="stylesheet" href="jquery.mobile-1.2.0.min.css" />
<script src="js/jquery-1.9.0.min.js"></script>
<script src="js/jquery.mobile-1.2.0.min.js"></script>
<script src="cordova-2.2.0.js"></script>
</head>
<body>
<div id="page_main" data-role="page">
<div data-role="header">
<h1>百易记事本</h1>
<a href="#page2" data-role="button" data-icon="gear" data-iconpos="right" data-transition="slide" class="ui-btn-right">配置</a>
</div>
<div data-role="content">
</div>
<div data-role="footer">
</div>
</div>
<div id="page2" data-role="page">
<div data-role="header">
<a href="#page_main" data-icon="back" data-transition="slide">返回</a>
<h2>配置</h2>
</div>
<div data-role="content">
</div>
<div data-role="footer">
</div>
</div>
</body>
</html>
