|
Server : Apache/2.2.17 (Unix) mod_ssl/2.2.17 OpenSSL/0.9.8e-fips-rhel5 DAV/2 PHP/5.2.17 System : Linux localhost 2.6.18-419.el5 #1 SMP Fri Feb 24 22:47:42 UTC 2017 x86_64 User : nobody ( 99) PHP Version : 5.2.17 Disable Function : NONE Directory : /home/queenjbs/www/test/mobile/ |
Upload File : |
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, minimum-scale=1.0, user-scalable=yes, target-densitydpi=medium-dpi" />
<!-- maximum-scale=값과 minimum-scale=값에 차등, 이후 user-scalable=yes로 조절 가능 -->
<title>Mobile test page</title>
<script type="text/javascript" language="javascript">
window.addEventListener('load',function() {
setTimeout(scrollTo, 0, 0, 1);
}, false);
</script>
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="" />
<link rel="apple-touch-icon-precomposed" href="" />
<link href="common.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#btn1").toggle(function() {
$("#content").css("display","block");
}, function() {
$("#content").css("display","none");
});
});
</script>
<!-- 플리킹 영역 시작 -->
<script class="jsbin" src="jquery.min.js"></script>
<script>
$(document).ready(function() {
var iscroll = new iScroll('flicking_wrapper', {
snap: 'li',
momentum: false,
hScrollbar: false,
vScrollbar: false,
onScrollEnd: function() {
$('#indicator li').each(function(i, node) {
if(i === iscroll.currPageX) {
$(node).addClass('active');
} else {
$(node).removeClass('active');
}
});
}
});
iscroll.scrollToPage(0);
});
</script>
<!-- 플리킹 영역 끝-->
</head>
<body>
<header>
<div id="wrap_head">
<h1 class="main_logo bold helv"><a href="index.html" id="logo">MOBILE PAGE</a></h1>
<a href="#" id="btn1"><span class="search_icon"></span></a>
<div id="content">
<form id="search" action="#" method="get">
<fieldset>
<div class="bg_search">
<div class="wrapBox">
<span class="search_left"></span>
<input type="text" name="input_search" class="type_text" title="검색어 입력" maxlength="255" />
</div>
<input type="submit" id="Btn" class="type_btn" title="검색" />
</div>
</fieldset>
</form>
</div> <!-- content -->
</div> <!-- wrap_head -->
<nav>
<ul class="main_menu bold verd">
<li><a href="01_01.html" title="company" class="tab_m">COMPANY</a></li>
<li><a href="02_01.html" title="project" class="tab_m">PROJECT</a></li>
<li><a href="03_01.html" title="recruit" class="tab_m">RECRUIT</a></li>
<li><a href="04_01.html" title="notice" class="tab_m">NOTICE</a></li>
</ul>
</nav>
</header>
<article>
<div id="s_main">
<h2 class="sub_tit helv bold">PROJECT</h2>
<div class="m_cont">
<span class="m_tit bold">プロジェクトリストです。</span>
<div id="flicking_wrapper">
<div id="flicking_wrapScroll">
<ul>
<li><div><img src="images/fli_img01x2.jpg" width="160" height="237" /></div></li>
<li><div><img src="images/fli_img02x2.jpg" width="160" height="237" /></div></li>
<li><div><img src="images/fli_img03x2.jpg" width="160" height="237" /></div></li>
</ul>
</div>
</div> <!-- //flicking_wrapper -->
<div id="indicator">
<ul>
<li><span>1</span></li>
<li><span>2</span></li>
<li><span>3</span></li>
</ul>
</div>
<!-- 플리킹 배너 영역 끝 -->
<script type="text/javascript" src="iscroll.js"></script>
</div>
</div>
</article>
<? include "include/footer.html"; ?>