<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>제이쿼리 모바일</title>
<link rel="stylesheet"
href="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.css" />
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script
src="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<a href="#" data-icon="gear" class="ui-btn-left">Settings</a>
<h1>Mobile</h1>
<a href="#" data-icon="gear" class="ui-btn-right">Settings</a>
<div data-role="navbar">
<ul>
<li><a href="#" data-icon="home" data-theme="b">One</a></li>
<li><a href="#" data-icon="gear" data-theme="c">Two</a></li>
<li><a href="#" data-icon="grid" data-theme="d">Two</a></li>
<li><a href="#" data-icon="star" data-theme="e">Two</a></li>
</ul>
</div>
</div>
<div data-role="content">
<ul data-role="listview">
</li>
<li>북한</li>
<li>중국</li>
<li>일본</li>
</ul>
</div>
<div data-role="footer">
<h1>바닥글</h1>
</div>
</div>
</body>
</html>
20141013Mobileweb.zip'Web개발 > JSP, Web' 카테고리의 다른 글
| [JSP] javaseript 사용하기1 (0) | 2014.11.18 |
|---|---|
| [html / CSS] 사용하기 (0) | 2014.11.18 |
| [JSP] Json 파싱하기 (0) | 2014.11.18 |
| [JSP] Mysql 과 jsp 파일로 접속하기 (0) | 2014.11.18 |
| [Mobile Web] Accordion (0) | 2014.11.18 |