본문 바로가기
개발/jquery

샘플예제 연습1

by rudnine 2011. 2. 8.
반응형
쉽지 않다. 이거저거 알아봐도 마땅한 답을 얻기 어려웠다.
어쨌든, 우연찮게 찾은 아주 좋은 강좌...
한번 따라해보았다. 놀라워라. 이런 어메이징같으니.
정말 이쁘게도 화면이 돌아간다. ^^*
강좌 올려주신 하나둘님께 감사...


아래는 실습화면캡처





<!DOCTYPE html>
<html>
<head>
<meta charset="euc-kr">
<title>jQuery Mobile</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css" />
<script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script>
</head>
<body>

<div id="home" data-role="page">
<div data-role="header">
<h1>jQueryMobile 시작</h1>
</div>
<div data-role="content">
<a href="#about">About jQueryMobile</a>
</div>
</div>

<div data-role="page" id="about">
<div data-role="header">
<h1>About jQueryMobile</h1>
</div>
<div data-role="content">
<h2>jQueryMobile 셈플입니다.</h2>
<p>jQueryMobile을 학습하기 위한 기초적인 예제 웹앱 입니다.</p>
<p>쉽고 재미있는 jQueryMobile의 사용방법에 대해서 단계별로 학습해봅시다.</p>
</div>
</div>

</body>
</html>
반응형

'개발 > jquery' 카테고리의 다른 글

jQuery 튜토리얼  (0) 2011.05.24
2011-01-13, [1.5 DOM요소의 래퍼 집합 필터링하기 실습]  (0) 2011.01.13
2011-01-04  (0) 2011.01.04
2011-1-1  (0) 2011.01.01
jQuery 관련링크모음  (0) 2010.12.30

댓글