1.1.jquerymobile--多页面

 

1 2

 

 

<!DOCTYPE html> 
<html> 
<html lang="zh-CN">
	<head> 
	<title>JqueryMobile--多页面</title> 
	<meta charset="utf-8"/>
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<link rel="stylesheet" href="jquery.mobile-1.0.1.css" />
	<script src="jquery.js"></script>
	<script src="jquery.mobile-1.0.1.js"></script>
</head> 
<body> 
	<section id="homepage" data-role="page">
		

			<header data-role="header">
				<h1>页面一</h1>
			</header><!-- /header -->

			<div data-role="content">	
				<p><a href="#gallery">链接到第二个页面</a></p>
				<p>页面一</p>		
			</div><!-- /content -->
			
			<footer data-role="footer">
				<h4>页面一</h4>
			</footer>
			
			
	</section><!-- /page -->
	
	<section id="gallery" data-role="page">
		

			<header data-role="header">
				<h1>页面二</h1>
			</header><!-- /header -->

			<div data-role="content">	
				<p><a href="#homepage">链接到第一个页面</a></p>
				<p>页面二</p>		
			</div><!-- /content -->
			
			<footer data-role="footer">
				<h4>页面二</h4>
			</footer><!-- /footer -->
			
			
	</section><!-- /page -->
</body>
</html>
posted @ 2012-03-16 11:20  校长阿四  阅读(435)  评论(0)  编辑  收藏  举报