first commit
This commit is contained in:
pakerpale
112
application/views/m/index.php
Executable file
112
application/views/m/index.php
Executable file
@@ -0,0 +1,112 @@
|
||||
<!doctype html>
|
||||
<html lang="ko"><head><meta charset="utf-8"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no" />
|
||||
<title>Crossmap</title>
|
||||
<link rel="stylesheet" type="text/css" href="css/mobile.css"/>
|
||||
</head>
|
||||
|
||||
<body id="news">
|
||||
<div class="news_top">
|
||||
<span class="news_menu"><a href=""><img src="images/news_menu.png"></a></span>
|
||||
<span class="news_logo"><a href=""><img src="images/news_logo.png"></a></span>
|
||||
<div>
|
||||
<span class="srch">
|
||||
<span><input type="text" placeholder=""><a href="#"><img src="images/mypage_serch_icon.gif" alt="검색하기"></a></span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="news_nav" style="border-bottom:0">
|
||||
<span style="width:20%;"><a href="">은혜</a> </span>
|
||||
<span style="width:30%;"><a href="">라이프</a> </span>
|
||||
<span style="width:20%;"><a href="">뉴스</a> </span>
|
||||
<span class="current" style="width:30%;"><a href="">바로가기</a></span>
|
||||
</div>
|
||||
<div class="news_media">
|
||||
<span class="news_media_list current"><a href=""><span><img src="images/direct1.png"><p>홈</p></a></span></span>
|
||||
<span class="news_media_list"><a href=""><span><img src="images/direct2.png"><p>은혜</p></a></span></span>
|
||||
<span class="news_media_list"><a href=""><span><img src="images/direct3.png"><p>미디어</p></a></span></span>
|
||||
<span class="news_media_list"><a href=""><span><img src="images/direct4.png"><p>정보</p></a></span></span>
|
||||
</div>
|
||||
<ul class="news_media3">
|
||||
<li><a href="" class="current">최근</a></li>
|
||||
<li><a href="">인기</a></li>
|
||||
<li><a href="">크로스맵</a></li>
|
||||
<li><a href="">네이버</a></li>
|
||||
<li><a href="">북마크</a></li>
|
||||
</ul>
|
||||
<div class="news_company">
|
||||
<div class="news_company_box">
|
||||
<a href=""><img src="images/img_ytn.jpg" alt="ytn"></a>
|
||||
<span class="companyname"> <a href="">YTN 뉴스</a></span> <span class="companyarrow"><a href=""><img src="images/company_close.gif"></a></span>
|
||||
</div>
|
||||
<div class="news_company_box">
|
||||
<a href=""><img src="images/img_yh.jpg" alt="ytn"></a>
|
||||
<span class="companyname"> <a href="">연합 뉴스</a></span> <span class="companyarrow"><a href=""><img src="images/company_close.gif"></a></span>
|
||||
</div>
|
||||
<div class="news_company_box">
|
||||
<a href=""><img src="images/img_sbs.jpg" alt="ytn"></a>
|
||||
<span class="companyname"> <a href="">SBS 뉴스</a></span> <span class="companyarrow"><a href=""><img src="images/company_close.gif"></a></span>
|
||||
</div>
|
||||
<div class="news_company_box">
|
||||
<a href=""><img src="images/img_kbs.jpg" alt="ytn"></a>
|
||||
<span class="companyname"> <a href="">KBS 뉴스</a></span> <span class="companyarrow"><a href=""><img src="images/company_close.gif"></a></span>
|
||||
</div>
|
||||
<div class="news_company_box">
|
||||
<a href=""><img src="images/img_mbc.jpg" alt="ytn"></a>
|
||||
<span class="companyname"> <a href="">MBC 뉴스 </a></span><span class="companyarrow"><a href=""><img src="images/company_close.gif"></a></span>
|
||||
</div>
|
||||
<div style="margin:20px auto; text-align:center;"><span><a href="" class="btn btn-default br20" style="padding:10px 100px;">방문내역 삭제</a></span></div>
|
||||
</div>
|
||||
<div class="banner_grace">
|
||||
<img src="images/banner_grace.jpg" alt="banner">
|
||||
</div>
|
||||
<div class="mypage_footer" style="margin-top:0">
|
||||
<div class="f_btns">
|
||||
<span><a href="" class="btn btn-default_bb br20">로그인</a></span>
|
||||
<span><a href="" class="btn btn-default_bb br20">PC버전</a></span>
|
||||
<span><a href="" class="btn btn-default_bb br20">고객센터</a></span>
|
||||
</div>
|
||||
<div class="f_policy">
|
||||
<span><a href="">이용약관</a></span>
|
||||
<span style="padding:0 2px"><img src="images/bar.gif"></span>
|
||||
<span><a href="">개인정보취급방침</a></span>
|
||||
</div>
|
||||
<div class="f_social">
|
||||
<span><a href=""><img src="images/f_icon1_l.png"></a></span>
|
||||
<span><a href=""><img src="images/f_icon2_l.png"></a></span>
|
||||
<span><a href=""><img src="images/f_icon3_l.png"></a></span>
|
||||
<span><a href=""><img src="images/f_icon4_l.png"></a></span>
|
||||
</div>
|
||||
<div class="copyright">
|
||||
© 2017 The CrossMap. All Rights Reserved.
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
<script src="//code.jquery.com/jquery-1.12.4.min.js"></script>
|
||||
<script>
|
||||
// 스크롤 고정 함수.
|
||||
function scroll_fix(news_nav) {
|
||||
|
||||
$( document ).ready( function() {
|
||||
|
||||
var jbOffset = $( '.'+news_nav ).offset(); // 고정하고자 하는 클래스의 offset.
|
||||
|
||||
$( window ).scroll( function() {
|
||||
/*스크롤탑(현재스크롤위치) > news_nav : 상단 아래로 내렸을때 상단 고정*/
|
||||
if ( $( document ).scrollTop() > jbOffset.top ) {
|
||||
$( '.'+news_nav ).addClass( 'jbFixed' );
|
||||
}
|
||||
/*스크롤탑(현재스크롤위치) <= news_nav : 원래*/
|
||||
else {
|
||||
$( '.'+news_nav ).removeClass( 'jbFixed' );
|
||||
}
|
||||
});
|
||||
|
||||
} );
|
||||
}
|
||||
//
|
||||
|
||||
scroll_fix('news_media'); // 상단 고정하고 싶은 클래스 설정.
|
||||
</script>
|
||||
Reference in New Issue
Block a user