1 개요[ | ]
- jQuery 모바일 시작하기
- jQuery 모바일 튜토리얼
HTML문서에서 jQuery모바일을 사용하려면 다음 3가지를 추가해야 한다.
- jQuery 자바스크립트
- jQuery모바일 자바스크립트
- jQuery모바일 CSS
<img src='http://demos.jquerymobile.com/1.4.0/_assets/img/jquery-logo.png' style='width:200px' />
2 example02.php[ | ]
html
Copy
<!DOCTYPE html>
<meta charset="utf-8" />
<html>
<head>
<title>안녕 친구들</title>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.3/jquery.mobile.min.css">
<script src="//code.jquery.com/jquery-latest.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.3/jquery.mobile.min.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>헤더</h1>
</div>
<div data-role="content">
<div id="banner">
<h2>배너</h2>
</div>
<p>다람쥐 헌 쳇바퀴에 타고파.</p>
<ul data-role="listview" data-inset="true">
<li><a href="#">안녕</a></li>
<li><a href="#">친구들</a></li>
</ul>
</div>
<div data-role="footer">
<h4>푸터</h4>
</div>
</div>
</body>
</html>
3 같이 보기[ | ]
편집자 Jmnote Jmnote bot
로그인하시면 댓글을 쓸 수 있습니다.
- 분류 댓글:
- 튜토리얼 (3)
NuSOAP 시작하기 ― Podong28키움증권 시작하기 ― Chang731키움증권 시작하기 ― Chang731