Jquery Moblie学习

Jquery Moblie组成:header、content、footer

<!-- 文档的声明和Jquery Mobile的初始化 -->
<!-- Jquery Moblie组成有三个部分 -->
<!DOCTYPE html >
<!-- html5的文档类型的声明 -->
<html>
<head>
<meta charset="utf-8">
<title>Jquery Moblie</title>
<link rel="stylesheet"
	href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
<head>
<body>
	<div data-role="page">
		<div data-role='header'>
			<h1>Jquey Moblie 学习</h1>
		</div>
		<div data-role="content">
			<p>Hello World!</p>
		</div>
		<div data-role="footer">
			<h4>结尾</h4>
		</div>
	</div>
</body>
</html>




 

效果图


Jquery Moblie学习
 

你可能感兴趣的:(jquery)