https://ssupl.com/data/skin/front/19-07_C/js/ming/jquery.top-1.0.js

1/**
2 * @name		Jquery Top Banner
3 * @version		1.0
4 * @desc		이미지를 등록하면 팝업으로 나타났다 설정에 따라 일정시간 후 사라집니다. 
5 * @author		esujin morenvy.com
6 * @date		2015-09-01
7 * @example		
8				$('#selecterID').topbanner({
9					'firstpop' : "open", // open: 처음에 열림. close: 닫혀 있음. 
10					'openspeed' : "slow", // 팝열리는 빠르기 
11					'closespeed' : "fast", // 팝닫히는 빠르기  
12					'topbanner' : '.topbanner',// 탑배너 선택자 
13					'openbtn' : '.openbtn', // 열림버튼 선택자 
14					'closebtn' : '.closebtn' // 닫힘버튼 선택자  
15				});
16**/
17
18;(function($){
19
20    $.fn.topbanner = function( options ) {
21        var opts = $.extend( {}, $.fn.topbanner.defaults, options ), popStatus = 0, selectorID = this.selector;
22 
23		if(( getCookie( "topbancookie" + selectorID ) != "closed") && (opts.firstpop == "open") ) {
24			pop();
25			popStatus = 1;
26		} else {
27			$(selectorID + " " +opts.closebtn).css({"display":"none"});
28			$(selectorID + " " +opts.openbtn).css({"display":"block"});
29
30		}
31		
32		$(selectorID + " " +opts.closebtn).click(function(e) {
33			e.preventDefault();
34			close();
35 		}); 
36
37		$(selectorID + " " +opts.openbtn).click(function(e) {
38			e.preventDefault();
39			pop();		
40 		});
41
42 
43		function pop() {
44
45			if(popStatus == 1) return false; 
46			
47			$(selectorID + " " +opts.topbanner).slideDown(opts.openspeed);
48
49			$(selectorID + " " +opts.openbtn).css({"display":"none"});
50			$(selectorID + " " +opts.closebtn).css({"display":"block"});
51			popStatus = 1;
52
53			/* 열기버튼 누르면, 쿠키삭제 */
54			setCookie( "topbancookie" + selectorID , 'closed', 0);
55		}
56
57		function close() {
58			
59			if(popStatus == 0) return false;
60
61			$(selectorID + " " +opts.topbanner).slideUp(opts.closespeed);
62			$(selectorID + " " +opts.closebtn).css({"display":"none"});
63			$(selectorID + " " +opts.openbtn).css({"display":"block"});
64			popStatus = 0;
65
66			/* 닫기버튼 누르면, 쿠키세팅 */
67			setCookie( "topbancookie" + selectorID , 'closed', 1);
68		}
69		
70		function setCookie(cName, cValue, cDay){
71			var expire = new Date();
72			expire.setDate(expire.getDate() + cDay);
73			cookies = cName + '=' + escape(cValue) + '; path=/ '; // 한글 깨짐을 막기위해 escape(cValue)를 합니다.
74			if(typeof cDay != 'undefined') cookies += ';expires=' + expire.toGMTString() + ';';
75			document.cookie = cookies;
76		 }
77
78		function getCookie(cName) {
79			cName = cName + '=';
80			var cookieData = document.cookie;
81			var start = cookieData.indexOf(cName);
82			var cValue = '';
83			if(start != -1){
84				start += cName.length;
85				var end = cookieData.indexOf(';', start);
86				if(end == -1)end = cookieData.length;
87				cValue = cookieData.substring(start, end);
88			}
89			return unescape(cValue);
90		 }		
91    };
92
93    $.fn.topbanner.defaults  = {
94        'firstpop' : "open", /* open: 처음에 열림. close: 닫혀 있음.*/
95        'openspeed' : "slow", /* 팝열리는 빠르기 */
96        'closespeed' : "fast", /* 팝닫히는 빠르기 */
97        'topbanner' : '.topbanner',/* 탑배너 선택자 */
98        'openbtn' : '.openbtn', /* 열림버튼 선택자 */
99        'closebtn' : '.closebtn' /* 닫힘버튼 선택자 */
100    };
101
102})(jQuery);