notipopup.js

플러그인 사용을 위해선 도메인을 등록해야 합니다.
플러그인을 설치할 사이트의 도메인을 등록 후 사용법에 따라 이용해 주세요.

notipopup.js

첫화면에 공지용 레이어팝업을 손쉽게 구현하게 해주는 플러그인으로 오늘은 그만보기 기능이 있음

사용법

<style>
   #notipopup{border:1px solid black; }
    .todayclose{display: inline-block;}
    .close{display:inline-block;}
</style>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="//work6.kr/plugin/plugin_link/12"></script>

<script>
    $(function(){
        $('#notipopup').notipopup({
            startX:'20%',   //화면에서 레이어 팝업의 위치 (가로)
            startY:'10%',   //화면에서 레이어 팝업의 위치 (높이)
            clse:'.close',  //닫기 버튼을 설정
            todayclose:'.todayclose',   //오늘은 그만 보기 버튼을 설정
            code:'notipopup'            //레이어 팝업 고유코드(팝업 여러개를 이용할 경우 코드를 다르게 적용해서 사용 가능)
        });
    });
</script>

<body>
    <div id="notipopup">
        <div>
            <h1><!-- 공지내용 --></h1>
            <div class="todayclose">TODAY CLOSE</div>
            <div class="close">CLOSE</div>
        </div>
    </div>
</body> 

 

 

 

 

설치방법

 

1. Line7 : 제이쿼리를 연결합니다.

 

2. Line8 : 플러그인 사용하기 후 도메인을 등록 합니다. 코드를 복사 그리고 붙여넣기 합니다.

 

3. Line23 ~ 29 : 공지 영역을 만듭니다.

 

4. Line12 ~ 18 : 스크립트를 복사 그리고 붙여넣기 합니다. 옵션을 수정 합니다.

 

 

 
 
 
 
 
Install

1. Line 7 : Connect the jquery.

 

2. Line8 : Register the domain after using the plug-in. Copy and paste code.

 

3. Line23 ~ 29 : Create a notification area.

 

4. Line12 ~ 18 : Copy and paste the script. Modify the options.