이동가능한 레이어팝업, 오늘 하루 이 창을 열지 않음

메모장을 열고 아래 소스를 복사 후   popup.js   이름으로 저장합니다.

 

isIE=document.all;
isNN=!document.all&&document.getElementById;
isN4=document.layers;
isHot=false;
function ddInit(e){
topDog=isIE ? "BODY" : "HTML";
whichDog=isIE ? document.all.divpop : document.getElementById("divpop");
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.MOUSEDOWNEvent.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 (isIEisNN) whichDog.style.visibility="hidden";
else if (isN4) document.divpop.visibility="hide";
}
function showMe(){
if (isIEisNN) whichDog.style.visibility="visible";
else if (isN4) document.divpop.visibility="show";
}
document.onmousedown=ddInit;
document.onmouseup=Function("ddEnabled=false");
<!--
function setCookie( name, value, expiredays ) {
var todayDate = new Date();
todayDate.setDate( todayDate.getDate() + expiredays );
document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
}
function closeWin() {
if ( document.notice_form.chkbox.checked ){
setCookie( "maindiv", "done" , 1 );
}
document.all['divpop'].style.visibility = "hidden";
}
//-->

 

 

저장한 popup.js 파일을 계정에 업로드 한뒤.. (아래 소스중 첫줄에서 불러오고 있습니다.)

아래소스를 복사 후 수정하여 사용하시면 됩니다.

</body> 위에 넣어주세요.

 

<script language="javascript" src="계정/popup.js"></script>
<div id="divpop" style="position:absolute; top:150; left:60px; z-index:200; visibility:hidden;">
<form name="notice_form">
<table width="100" cellpadding="5" cellspacing="0" bgcolor="#FFFFFF" bordercolor="#424242" border="5">
<tr>
<td id="titleBar" colspan="2" style="cursor:move" width="100%" align="center">
<ilayer width="100%" onSelectStart="return false">
<layer width="100%" onMouseover="isHot=true;if (isN4) ddN4(divpop)" onMouseout="isHot=false">

<table width="600" height="400" cellpadding="0" cellspacing="0">
<tr>
<td align="center"> 팝업내용 </td>
</tr>
</table>

</layer>
</ilayer>
</td>
</tr>
<tr>
<td align="left" height="30" bgcolor="#424242"><font color="#ffffff" style="font-family:돋움; font-size:11px;">
오늘 하루 이 창을 열지 않음</font>
<input type="checkbox" name="chkbox" value="checkbox" onClick="closeWin();" style="margin:0 0 -1 0;"></td>
<td align="right" height="30" bgcolor="#424242">
<a href="javascript:closeWin();"><img src="닫기버튼.gif" border="0"></a></td>
</tr>
</table>
</form>
</div>
<script language="Javascript">
cookiedata = document.cookie;
if ( cookiedata.indexOf("maindiv=done") < 0 ){
document.all['divpop'].style.visibility = "visible";
}
else {
document.all['divpop'].style.visibility = "hidden";
}
</script>

위의 소스중 "팝업내용"에 원하는 이미지 및 플래시 등등 넣어서 사용하시면 됩니다.