戻る

ソース

<!DOCTYPE html> 
<html lang="ja"> 
	<head> 
	<meta charset="UTF-8">
	<title>jQuery Mobile Sample</title> 
	<meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1, maximum-scale=1"> 
	<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" id="index" data-theme="b">
		<div data-role="header" data-theme="b">
			<h1>jQuery Mobile</h1>
		</div>
		<div data-role="content">
			<ul data-role="listview" data-inset="true" data-theme="c">
				<li data-role="list-divider">Menu</li>
				<li><a href="#page">
					<h3>jQuery Mobile とは?</h3>
					<p>jQuery Mobileについて解説します</p>
				</a></li>
				<li><a href="#page">
					<h3>jQuery Mobileの基本</h3>
					<p>jQuery Mobileの使い方について解説します</p>
				</a></li>
				<li><a href="#page">
					<h3>jQuery Mobileのサンプル</h3>
					<p>jQuery Mobileを利用したサンプルを紹介します</p>
				</a></li>
			</ul>
		</div>
		<div data-role="footer" data-theme="b">
			<h4><small>Copyright © 2011 to-R All Rights Reserved.</small></h4>
		</div>
	</div>
	<div data-role="page" id="page" data-theme="b">
		<div data-role="header" data-theme="b">
			<a href="#index" data-direction="reverse" data-icon="arrow-l">TOP</a>
			<h1>jQuery Mobile</h1>
		</div>
		<div data-role="content">
			<h2>jQuery Mobile とは?</h2>
			<p>本連載で紹介する「jQuery Mobile」もそういった流れを組むスマートフォンフレームワークです。</p>
			<p>jQuery ( http://jquery.com/ ) の開発者であるJohn Resig氏 ( @jeresig ) により開発されています。</p>
		</div>
		<div data-role="footer" data-theme="b">
			<h4><small>Copyright © 2011 to-R All Rights Reserved.</small></h4>
		</div>
	</div>
</body>
</html>
inserted by FC2 system