<!--
사용예
<body>
<div id="indexLayer">
위치시키고 싶은 내용
</div>
<div id="page_content">
특정 영역
</div>
</body>
-->
<script language="Javascript">
/*
element.offsetWidth ==> 엘레멘트의 border, padding,width를 포함한 폭
element.offsetHeight ==> 엘레멘트의 border, padding,height를 포함한 폭
참고 url http://developer.mozilla.org/en/docs/DOM:element.offsetWidth
참고 url http://developer.mozilla.org/en/docs/DOM:element.offsetHeight
*/
function divHeight(gid){
dataobj = document.all? document.all.page_content : document.getElementById(gid);
pagelength = dataobj.offsetHeight;
return pagelength;
}
function divWidth(gid){
dataobj = document.all? document.all.page_content : document.getElementById(gid);
pagelength = dataobj.offsetWidth;
return pagelength;
}
function moveLayer(id,w,h,gid){
movebuf = document.all? document.all.indexLayer : document.getElementById(id);
// 전체 페이지가 가운대 정렬 아닐때는 사용할수있음
movebuf.style.left = divWidth(gid) - w;
movebuf.style.top = divHeight(gid) - h;
movebuf.style.position = "absolute";
movebuf.style.zIndex = 999;
}
// id 위치시킬 레이어
// width 가운대 기준으로 위치시킬 가로 px
// height 가운대 기준으로 위치시킬 세로 px
// totalground id ( body 영역 전체를 감싼 레이어
// id , width , height, totalground id
moveLayer('indexLayer',360,180,'page_content');
</script> |
|
추천 : 