//
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi">
<title>Jindo Mobile Component</title>
<link rel="stylesheet" type="text/css" href="http://jindo.dev.naver.com/docs/jindo-mobile/archive/latest/demo/asset/demo.css">

<style type="text/css">
body{margin:0}
/* Page ์˜์—ญ CSS */
.jmc-page{
    background:#fff;        /* ์ „์ฒด ํŽ˜์ด์ง€์˜ ๋ฐฐ๊ฒฝ์ƒ‰ */
    border:0;width:100%;display:none;
}

/* Header ์˜์—ญ CSS */
.jmc-header {
    background-color:black; /* ํ—ค๋” ์˜์—ญ์˜ ๋ฐฐ๊ฒฝ์ƒ‰ */
    color:white;            /* ํ—คํ„ฐ ์˜์—ญ์˜ ํฐํŠธ์ƒ‰ */
    height : 50px;          /* ํ—คํ„ฐ ์˜์—ญ์˜ ๋†’์ด */
    width:100%;position:relative;display:block;overflow:hidden;outline:0!important;
}

/* Footer ์˜์—ญ CSS */
.jmc-footer {
    background-color:black; /* ํ’‹ํ„ฐ ์˜์—ญ์˜ ๋ฐฐ๊ฒฝ์ƒ‰ */
    color:white;            /* ํ’‹ํ„ฐ ์˜์—ญ์˜ ํฐํŠธ์ƒ‰ */
    height : 50px;          /* ํ’‹ํ„ฐ ์˜์—ญ์˜ ๋†’์ด */
    width:100%;position:relative;display:block;overflow:hidden;outline:0!important;
}

/* Content ์˜์—ญ CSS */
.jmc-content{clear:both;width:100%;display:none;}

/* Title ์˜์—ญ CSS */
.jmc-title {
    margin:0 5%;            /* ํƒ€์ดํ‹€ ๋งˆ์ง„ */
    width:90%;              /* ํƒ€์ดํ‹€ ๋„ˆ๋น„ */
    padding:5px 0;          /* ํƒ€์ดํ‹€ ํŒจ๋”ฉ */
    height:40%;             /* ํƒ€์ดํ‹€ ๋†’์ด */
    text-align:center;text-overflow:ellipsis;white-space:nowrap;
}
</style>

<script type="text/javascript" src="http://jindo.dev.naver.com/docs/jindo-mobile/archive/latest/asset/jindo/latest/jindo.all.ns.js" charset="utf-8"></script>
</head>

<body flicking="yes">
	<div class="jmc-page">
		<div class="jmc-header" position="fixed">
			ํ—ค๋”<br>
			<div class="jmc-title">
				ํƒ€์ดํ‹€์ž…๋‹ˆ๋‹ค.
			</div>
		</div>
		<div class="jmc-content">์ปจํ…์ธ </div>
		<div class="jmc-footer" position="fixed">
			ํ‘ธํ„ฐ<br>
			<div class="jmc-title">
				ํƒ€์ดํ‹€์ž…๋‹ˆ๋‹ค.
			</div>
		</div>
	</div>
	
<script type="text/javascript" src="jindo_mobile_component.js" charset="utf-8"></script>
<script type="text/javascript">
	var oPageLayoutUI = new jindo.m.PageLayoutUI();
</script>
</body>
</html>
728x90
์ €์ž‘์žํ‘œ์‹œ ๋น„์˜๋ฆฌ ๋ณ€๊ฒฝ๊ธˆ์ง€ (์ƒˆ์ฐฝ์—ด๋ฆผ)

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”