레이어 공지 팝업창 만들기

 

 

 

대부분 웹사이트에서 볼 수 있는 공지사항과 같은 팝업창을 레이어를 이용하여 띄우는 예제입니다. cookie 를 사용하여 하루 동안 창이 뜨지 않도록 하는 기능을 포함하고 있습니다.

 

이 예제에서는 jquery v1.7.1 과 cookie 처리를 위한 jquery 플러그인인 jquery.cookie v1.3.1 을 사용합니다.

jquery.cookie 는 GitHub 에서 진행되는 오픈소스 라이브러리이며 아래 URL 을 참고하셔서 다운로드 받거나 아래 첨부파일을 받아서 사용하시면 됩니다.

 

URL: https://github.com/carhartl/jquery-cookie

 

jquery.cookie.js

 

 

 

1. CSS 부분

 

2. HTML 부분

    

        

            

                
공지사항입니다. 
            
            

                

                     오늘 하루 이 창을 열지 않음 
                    <A id=lnk_close href="#">[닫기]</A> 
                
            
        
    


    <A id=lnk_del_cookie href="#">쿠키 삭제</A><br />
    테스트입니다.테스트입니다.테스트입니다.테스트입니다.테스트입니다.테스트입니다.<br />
    테스트입니다.테스트입니다.테스트입니다.테스트입니다.테스트입니다.테스트입니다.<br />
    테스트입니다.테스트입니다.테스트입니다.테스트입니다.테스트입니다.테스트입니다.<br />
    테스트입니다.테스트입니다.테스트입니다.테스트입니다.테스트입니다.테스트입니다.<br />

 

3. Javascript 부분

 

4. 결과 화면