묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
서브레이어를 가운데서부터 위치지정..
2003.04.13 20:43
http://www.nzeo.com/bbs/zboard.php?id=p_javascript&page=1&sn1=&divpage=1&sn=off&ss=on&sc=off&keyword=엔지오&select_arrange=headnum&desc=asc&no=203에센님 엔지오식 메뉴 만들기 강좌
http://www.nzeo.com/bbs/zboard.php?id=p_javascript&page=1&sn1=&divpage=1&sn=off&ss=on&sc=off&keyword=엔지오&select_arrange=headnum&desc=asc&no=203
이거 할려구 강좌에 있는 그대로 소스를 썼거든요..
<script>
function showSubMenu(obj) {
switch(obj) {
// 메뉴수에 맞추어 case 를 추가해 주시면 됩니다.
// pWidth 라는 것은 가상적으로 붙여준 이름으로
// 오른쪽 스크롤바에서 부터 서브레이어의 왼쪽 부분 까지의 길이기를 가리킵니다.
case 'SubMenu1' : pWidth = 550; break;
case 'SubMenu2' : pWidth = 465; break;
case 'SubMenu3' : pWidth = 378; break;
}
xPos = document.body.clientWidth - pWidth; // xPos 에 대한 값을 지정하는 부분입니다.
document.all[obj].style.posLeft = parseInt(xPos);// 여기서 posLeft 를 posRight 로 잡아주시면 다시 왼쪽 정렬이 됩니다.
document.all[obj].style.visibility = '';
</script>
<div id=SubMenu1 style="z-index:6; position:absolute; left:12px; top:115px; width:120; visibility: hidden" onMouseOver="showSubMenu('SubMenu1')" onMouseout="hideSubMenu('SubMenu1')" > 서브 메뉴 1 내용 </div>
이스크립트는.. 브라우저 왼쪽부터 거리를 재서 하는거잖아요???
근데 메뉴가 가운데정렬돼 있으면.. 해상도에 따라서 서브레이어가 다른곳에 나오잖아요..
이걸 가운데서부터 거리를 지정할수 있는 방법좀 알려주세요.
<div id=SubMenu1 style="z-index:6; position:absolute; left:12px; top:115px; width:120; visibility: hidden" onMouseOver="showSubMenu('SubMenu1')" onMouseout="hideSubMenu('SubMenu1')" > 서브 메뉴 1 내용 </div>
요긴 어떻게 바꿔야하는지도 갈쳐주시면 고맙죠^^;;;;
http://www.nzeo.com/bbs/zboard.php?id=p_javascript&page=1&sn1=&divpage=1&sn=off&ss=on&sc=off&keyword=엔지오&select_arrange=headnum&desc=asc&no=203
이거 할려구 강좌에 있는 그대로 소스를 썼거든요..
<script>
function showSubMenu(obj) {
switch(obj) {
// 메뉴수에 맞추어 case 를 추가해 주시면 됩니다.
// pWidth 라는 것은 가상적으로 붙여준 이름으로
// 오른쪽 스크롤바에서 부터 서브레이어의 왼쪽 부분 까지의 길이기를 가리킵니다.
case 'SubMenu1' : pWidth = 550; break;
case 'SubMenu2' : pWidth = 465; break;
case 'SubMenu3' : pWidth = 378; break;
}
xPos = document.body.clientWidth - pWidth; // xPos 에 대한 값을 지정하는 부분입니다.
document.all[obj].style.posLeft = parseInt(xPos);// 여기서 posLeft 를 posRight 로 잡아주시면 다시 왼쪽 정렬이 됩니다.
document.all[obj].style.visibility = '';
</script>
<div id=SubMenu1 style="z-index:6; position:absolute; left:12px; top:115px; width:120; visibility: hidden" onMouseOver="showSubMenu('SubMenu1')" onMouseout="hideSubMenu('SubMenu1')" > 서브 메뉴 1 내용 </div>
이스크립트는.. 브라우저 왼쪽부터 거리를 재서 하는거잖아요???
근데 메뉴가 가운데정렬돼 있으면.. 해상도에 따라서 서브레이어가 다른곳에 나오잖아요..
이걸 가운데서부터 거리를 지정할수 있는 방법좀 알려주세요.
<div id=SubMenu1 style="z-index:6; position:absolute; left:12px; top:115px; width:120; visibility: hidden" onMouseOver="showSubMenu('SubMenu1')" onMouseout="hideSubMenu('SubMenu1')" > 서브 메뉴 1 내용 </div>
요긴 어떻게 바꿔야하는지도 갈쳐주시면 고맙죠^^;;;;
댓글 3
-
TheMics
2003.04.13 20:55
-
물탱이
2003.04.13 23:08
위에 소스에서.. 틀린부분은 없나요?
계속 이 페이지에 오류가 있습니다. 라고 나오네요. -
물탱이
2003.04.13 23:09
그리구 그냥
xPos = document.body.clientWidth - pWidth;
를
xPos = document.body.clientWidth / 2 - pWidth;
라고 바꾸면 되나요?
document.body.clientWidth / 2 가 가로 중심, document.body.clientHeight / 2가 세로 중심입니다.