"JQuery Mobile 시작하기"의 두 판 사이의 차이

2012년 2월 17일 (금) 12:54 판

1 기본

html

Copy

<!DOCTYPE html>
<meta charset="utf-8" />
<html>
	<head>
	<title>다람쥐</title>
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" />
	<script src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
	<script src="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js"></script>
	</head>
<body>

2 안녕 다람쥐야

html

Copy

<!DOCTYPE html>
<meta charset="utf-8" />
<html>
	<head>
	<title>다람쥐</title>
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" />
	<script src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
	<script src="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js"></script>
</head>
<body> 
<div data-role="page">
    <div data-role="header">
        <h1>안녕 다람쥐야</h1>
    </div>
    <div data-role="content">
        <div id="banner">
            <h2>다람쥐X</h2>
        </div>
        <p>다람쥐 헌 쳇바퀴에 타고파.</p>
        <ul data-role="listview" data-inset="true">
            <li><a href="./page1.html">다람쥐</a></li>
            <li><a href="./page2.html">쳇바퀴</a></li>
        </ul>
    </div>
    <div data-role="footer">
        <h4>jmnote.com</h4>
    </div>
</div>
</body>
</html>

3 같이 보기