홈>컴퓨터이야기
logo_01.gif


TOTAL ARTICLE : 36, TOTAL PAGE : 1 / 2
구분 웹일반 | 태그-소스 | 제로보드 | 그누보드 |
태그-소스 : 레이어 팝업창
 오예    | 2010·04·13 00:43 | HIT : 2,654 | VOTE : 163
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");

</script>




------------------------------------------------------------------------------



body 사잉에 입력



------------------------------------------------------------------------------
<div id="theLayer" style="width:340px; height:305; position:absolute; left:100; top:100; z-index:1; visibility:visible;">
<table width="340" cellpadding="0" cellspacing="0">
    <tr>
        <td width="340" height="36" colspan="3" bgcolor="#999999">
<table border="0" width="100%" cellspacing="0" cellpadding="0" height="36">
        <tr>
                        <td id="titleBar" style="cursor:move" width="90%" align="center" valign="middle">
                            <p align="center"><ilayer width="100%" onSelectStart="return false">
                            <layer width="100%" onMouseover="isHot=true;if (isN4) ddN4(theLayer)" onMouseout="isHot=false" z-index="1">
            <font face="Arial" color="#FFFFFF">해피패밀리랜드 홍보동영상 팝업창</font>
                            </layer>
                            </ilayer>
                        </td>
                        <td style="cursor:hand" valign="middle">
                            <p align="center"><a href="#" onClick="hideMe();return false" style="text-decoration:none"><font size="2" face="Arial" color="black">X</font></a>
</p>
                        </td>
        </tr>
</table>


</td>
    </tr>
    <tr>
        <td width="340" colspan="3" height="10" bgcolor="#666666"></td>
    </tr>
    <tr>
        <td width="10" bgcolor="#666666" height="285"></td>
        <td width="320" height="285" align="left" valign="top" bgcolor="black">
            <p align="center"><embed src=mms://sk.churchro.com/sk/etc/ohye/happy_700k.wmv EnableContextMenu="false"></p>
        </td>
        <td width="10" bgcolor="#666666" height="285"></td>
    </tr>
    <tr>
        <td width="340" colspan="3" height="10" bgcolor="#666666"></td>
    </tr>
</table>
</div>
샬롬~
난! 자유인...
  
36 태그-소스   태그가 적용되지 않게 하는 태그  오예 18·01·10 190 16
35 태그-소스   video 태그  오예 14·06·19 741 28
34 태그-소스   플래시에 레이어창 위로 올라오게 하기  오예 11·10·04 1070 42
33 태그-소스   플래시 object태그(배경 투명)  오예 11·08·22 1317 42
32 태그-소스   이미지맵에서 롤오버 만들기  오예 11·07·31 1479 45
31 태그-소스   홈페이지 주소창에 로고 넣기  오예 11·05·03 2468 85
30 태그-소스   동영상 플레이어 100%,200%,전체화면 스크립트  오예 10·05·30 2766 127
태그-소스   레이어 팝업창  오예 10·04·13 2654 163
28 태그-소스   원하는 시간부터 재생하는 동영상 태그  오예 10·02·03 3501 179
27 태그-소스   창크기 고정 소스  오예 09·07·14 3130 196
26 태그-소스   시작페이지 등록 소스  오예 09·06·29 2607 164
25 태그-소스   즐겨찾기 추가 소스  오예 09·06·29 2511 118
24 태그-소스   이미지맵 링크 점선 없애기  오예 08·07·11 3470 229
23 태그-소스   인쇄버튼 누르면 출력하는 소스  오예 08·07·11 2066 98
22 태그-소스   링크걸린 이미지 파란색 테두리 없애기  오예 08·07·11 2272 87
21 태그-소스   문자열 관련 함수  오예 08·05·08 3000 183
20 태그-소스   div태그 줄바꿈 안되게 하는 방법  오예 07·05·03 2125 55
19 태그-소스   input type 정렬  오예 07·05·03 1866 73
18 태그-소스   D-day 구하는 자바스크립트  오예 07·03·29 2091 72
17 태그-소스   홈페이지 주소고정 하기  오예 06·12·19 2262 75
12
Copyright 1999-2020 Zeroboard / skin by GGAMBO