아래 태그를 <head> 사이에 넣어주세요.

=====================================================================================

<script language="JavaScript1.2">
isIE=document.all;
isNN=!document.all&&document.getElementById;
isN4=document.layers;
isHot=false;

function ddInit(e){
  topDog=isIE ? "BODY" : "HTML";
  whichDog=isIE ? document.all.theLayer : document.getElementById("theLayer");
  hotDog=isIE ? event.srcElement : e.target;
  while (hotDog.id!="titleBar"&&hotDog.tagName!=topDog){
    hotDog=isIE ? hotDog.parentElement : hotDog.parentNode;
  }
  if (hotDog.id=="titleBar"){
    offsetx=isIE ? event.clientX : e.clientX;
    offsety=isIE ? event.clientY : e.clientY;
    nowX=parseInt(whichDog.style.left);
    nowY=parseInt(whichDog.style.top);
    ddEnabled=true;
    document.onmousemove=dd;
  }
}

function dd(e){
  if (!ddEnabled) return;
  whichDog.style.left=isIE ? nowX+event.clientX-offsetx : nowX+e.clientX-offsetx;
  whichDog.style.top=isIE ? nowY+event.clientY-offsety : nowY+e.clientY-offsety;
  return false;
}

function ddN4(whatDog){
  if (!isN4) return;
  N4=eval(whatDog);
  N4.captureEvents(Event.MOUSEDOWN|Event.MOUSEUP);
  N4.onmousedown=function(e){
    N4.captureEvents(Event.MOUSEMOVE);
    N4x=e.x;
    N4y=e.y;
  }
  N4.onmousemove=function(e){
    if (isHot){
      N4.moveBy(e.x-N4x,e.y-N4y);
      return false;
    }
  }
  N4.onmouseup=function(){
    N4.releaseEvents(Event.MOUSEMOVE);
  }
}

function hideMe(){
  if (isIE||isNN) whichDog.style.visibility="hidden";
  else if (isN4) document.theLayer.visibility="hide";
}

function showMe(){
  if (isIE||isNN) whichDog.style.visibility="visible";
  else if (isN4) document.theLayer.visibility="show";
}

document.onmousedown=ddInit;
document.onmouseup=Function("ddEnabled=false");

function notice_setCookie( name, value, expiredays )
{
        var todayDate = new Date();
        todayDate.setDate( todayDate.getDate() + expiredays );
        document.cookie = name + '=' + escape( value ) + '; path=/; expires=' + todayDate.toGMTString() + ';'
 return;
}
function notice_getCookie( name )
{
  var nameOfCookie = name + "=";
  var x = 0;
  while ( x <= document.cookie.length )
  {
   var y = (x+nameOfCookie.length);
   if ( document.cookie.substring( x, y ) == nameOfCookie ) {
    if ( (endOfCookie=document.cookie.indexOf( ";", y )) == -1 )
      endOfCookie = document.cookie.length;
    return unescape( document.cookie.substring( y, endOfCookie ) );
   }
   x = document.cookie.indexOf( " ", x ) + 1;
   if ( x == 0 ) break;
  }
  return "";
}
</script>

=================================================================================


아래 태그를 <body> 사이에 넣는다.

================================================================================


<div id="theLayer" style="width:400px; position:absolute; left:500px; top:200px; z-index:10001; visibility:visible; display:none;">

<div id="close" onClick="hideMe(); return false;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>

<ilayer width="100%" onSelectStart="return false">
            <layer width="100%" onMouseover="isHot=true;if (isN4) ddN4(theLayer)" onMouseout="isHot=false" z-index="1">


           </layer>
            </ilayer>
<table border="0" width="250" bgcolor="#424242" cellspacing="0" cellpadding="5">
<tr>
    <td width="100%">
        <table border="0" width="100%" cellspacing="0" cellpadding="0" height="36">
        <tr>
            <td id="titleBar" style="cursor:move" width="100%">
                                &nbsp;
            </td>
            <td  valign="top" width="20%" align="right">
           
            </td>
        </tr>
        <tr>
            <td colspan="2" width="100%">
                <ilayer width="100%" onSelectStart="return false">
            <layer width="100%" onMouseover="isHot=true;if (isN4) ddN4(theLayer)" onMouseout="isHot=false" z-index="1">
           <!-- 팝업 내용 넣으면 됨 ( 이미지 태그를 예시로 넣어봄 ) -->
                             <img src="./pop.jpg" width=370 height=300 border="0" usemap="#Map">
                         <map name="Map">
                             <area shape="rect" coords="121, 232, 248, 267" href="http://www.kma.or.kr/member/semi_apply.htm?kind=a&kind2=nn" target="_blank" alt="2321asfdas">
                        </map>         
            </layer>
            </ilayer>
           
            </td>
        </tr>

  <tr><td height="5"></td>
  </tr>
  <tr><td align=center width="400"><INPUT TYPE="checkbox" NAME="popupCookie" onclick="notice_setCookie('popup','done',1);hideMe();"> <FONT COLOR="#FFFFFF">하루동안 이창 보이지 않기</FONT></td>
  </tr>
        </table>
    </td>
</tr>
</table>
</div>
<!-- 레이어 팝업 내용 끝 -->

<script type="text/javascript">
/*if(notice_getCookie("popup") != "done") */document.getElementById('theLayer').style.display="block";
</script>

====================================================================================
Posted by 행복한 프로그래머 궁금쟁이박

댓글을 달아 주세요

  1. BlogIcon replica watches 2013.01.22 16:59  댓글주소  수정/삭제  댓글쓰기

    여러분의 좋은 소식입니다. 필자 전에 물건을 읽고 당신은 너무 멋져요.