메뉴 건너뛰기

조회 수 1328 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

<html>
<head>
<title></title>
</head>
<body>
<script language="javascript">
 function BlooMsg(obj){  
  var obj
  var div = eval("document.all.div_" + obj);
  
  if (div.style.display == ''){
   div.style.display = "none";
   
  } else {
   div.style.top = event.y - 10 - document.body.scrollTop;
   div.style.left = event.x + 10;
   div.style.display = "";
   
  }
 }
</script>

<div id="div_1" style='display:none;position:absolute'>
<table border="0"  cellpadding="3" cellspacing="1" bgcolor="#0066FF" width="100">
 <tr>
  <td bgcolor="#FFFFCC">친구추가</td>  
 </tr>
 <tr>
  <td bgcolor="#FFFFCC"><a href="/disk/main.jsp">디스크로 이동</a></td>
 </tr>
</table>
</div>
<a href="#" onclick="javascript:BlooMsg('1');">클릭이벤트</a>
</body>
</html>

 

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

 

/**
출 처 : http://tost.tistory.com/12
제 목 : [js] 레이어를 중앙에 띄우기
날 짜 : 2008/11/01 10:22
중 요 : 
소요 시간 : 
환 경 : 
기 타 : 
*****/

 

<HTML>
<HEAD>
<TITLE> 샘플코드모음 </TITLE>
<META NAME="Author" CONTENT="정민철 minchul.jeong@konantech.com">
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<script>
  function CenterLayer(div_id)
  {
    var obj = document.getElementById(div_id);
    var x = 0;
    var y = 0;
    var div_width = 0;  // 레이어 가로크기
    var div_height = 0; // 레이어 세로크기

    if (obj != null)
    {
      // [1] 레이어 크기 구하기
      div_width  = parseInt(obj.style.width);
      div_height = parseInt(obj.style.height);
     

      // [2] 레이어를 위치시킬 x, y좌표 구하기
      x = (document.body.clientWidth - div_width) / 2;
      y = (document.body.clientHeight - div_height) /2;
     

      // [3] 좌표변경
      obj.style.top = y + "px";
      obj.style.left = x + "px";
    
    }
  }
</script>
</HEAD>
<BODY onload="CenterLayer('div_1')" onresize="CenterLayer('div_1');">

<div id="div_1" style="position:absolute; width:400px; height:300px; BACKGROUND: gray; ">
* 레이어의 크기와 body의 크기를 알아내서 top과 left의 값을 조정한다
</div>

</BODY>
</HTML>


하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved