묻고답하기

  2. Support
  3. 묻고답하기

서브메뉴 할 때 각 자 위치를 다르게 하고 싶습니다

2005.07.29 20:39

이준우

<head><!---- 여기서부터 카피해 head ... /head 사이에 넣어준다--->
<STYLE type=text/css>
<!--
/*주메뉴 포지션*/
.main { position: absolute; LEFT: 18px; TOP: 44px; Z-INDEX: 2; visibility:show; }
/*서브메뉴의 포지션*/
.submenu { position: absolute; LEFT: 18px; TOP: 45px; font-size:9pt; Z-INDEX: 2; visibility:hidden; }
/*링크속성*/
A.b:link {color: orange; font-family: 굴림; font-size: 9pt; text-decoration: none; }
a:link {color: 9FAFFF; font-family: 굴림; font-size: 9pt; text-decoration: none;}
a:visited {color: red; font-family: 굴림; font-size: 9pt;text-decoration: none;}
a:hover {color: #ffffff; background: #505050; font-family: verdana, arial, helvetica; font-size: 9pt; text-decoration: none;}
-->
</STYLE>
<SCRIPT language=javascript>
<!--
var i,current;
var running = 0;
var n,i,startLeft,endLeft;
var moveX = new Array(1.00, 0.85, 0.64, 0.48, 0.37, 0.28, 0.21, 0.16, 0.12, 0.09, 0.068, 0.05, 0.036, 0.022, 0.01, 0.00);

function rollOver(name){
hidelayer();
changeState(name+'menu','visible');
}

function rollOut(name){
}

function changeState(layerRef,state){
evallayer="document"+".all"+"['"+layerRef+"']"+".style"+".visibility='"+state+"'";
if(current != layerRef)
{
current = layerRef;
running = 1;
n = -1;
i = 450; //레이어 전체폭
startLeft = 630; // 스크롤 시작위치
endLeft = 250; // 서브메뉴의 정지위치(윈도우 왼쪽 틀을 기준)
eval(evallayer);
moveLayer(i,layerRef);
} else {
eval(evallayer);
}
}

function moveLayer(i,layerRef){
evallayer="document"+".all"+"['"+layerRef+"']"+".style"+".left="+i;
if((i>endLeft) && (running==1) && (current==layerRef))
{
n++;
i = (startLeft*moveX[n])+endLeft;
eval(evallayer);
setTimeout('moveLayer('+i+',"'+layerRef+'")',25);
}
else if((running==1) && (current==layerRef))
{
running = 0;
}
}

//레이어 숨기기
function hidelayer(){
eval("document"+".all"+"['irp1menu']"+".style"+".visibility='hidden'");
eval("document"+".all"+"['irp2menu']"+".style"+".visibility='hidden'");
eval("document"+".all"+"['irp3menu']"+".style"+".visibility='hidden'");
eval("document"+".all"+"['irp4menu']"+".style"+".visibility='hidden'");
// 설정 메뉴에 따라 추가...
}
// -->
</script>
<!--여기까지 head 스크립트--->
</HEAD>
<body bgcolor=#ffffff scroll=no> <!-- 바탕색 저는 블랙으로 했습니다 -->
<div id="menu" name="menu">
<!--***** 주 메뉴 만들기 *****-->
<table BORDER=0 width=600 cellpadding="0" cellspacing="0">
<tr>
<td width=40> </td>
<td></td>
<td><a class="b" href="메인주소">메인</a></td>
<td></td>
<td><a class="b" href="Javascript:alert('클릭한 후에 할말');" onmouseover="rollOver('irp1');" onmouseout="rollOut('irp1');">주 메뉴 제목</a></td>
<td></td>
<td><a class="b" href="Javascript:alert('클릭한 후에 할말');" onmouseover="rollOver('irp2');" onmouseout="rollOut('irp2');">주 메뉴 제목</a></td>
<td></td>
<td><a class="b" href="Javascript:alert('클릭한 후에 할말');" onmouseover="rollOver('irp3');" onmouseout="rollOut('irp3');">주 메뉴 제목</a></td>
<td></td>
<td><a class="b" href="Javascript:alert('클릭한 후에 할말');" onmouseover="rollOver('irp4');" onmouseout="rollOut('irp4');">주 메뉴 제목</a></td>
<td></td>
<td><a class="b" href="방명록주소">방명록</a></td>
</tr></table>
</div>
<div class="submenu "id="irp1menu" name="irp1sub">
<table BORDER=0 width=450 cellpadding="0" cellspacing="0"><tr>
<td></td>
<td><a href="링크할 문서">서브 메뉴 제목</a></td>
<td></td>
<td><a href="링크할 문서">서브 메뉴 제목</a></td>
<td></td>
<td><a href="링크할 문서">서브 메뉴 제목</a></td>
<td></td>
<td></td>
<td></td>
<td><a href="링크할 문서">서브 메뉴 제목</a></td>
</tr></table>
</div>
<div class="submenu" id="irp2menu" name="irp2sub">
<table BORDER=0 width=310 cellpadding="0" cellspacing="0"><tr>
<td></td>
<td><a href="링크할 문서">서브 메뉴 제목</a></td>
<td></td>
<td><a href="링크할 문서">서브 메뉴 제목</a></td>
<td></td>
<td><a href="링크할 문서">서브 메뉴 제목</a></td>
</tr></table>
</div>
<div class="submenu" id="irp3menu" name="irp3sub">
<table BORDER=0 width=200 cellpadding="0" cellspacing="0"><tr>
<td></td>
<td><a href="링크할 문서">서브 메뉴 제목</a></td>
<td></td>
<td><a href="링크할 문서">서브 메뉴 제목</a></td>
</tr></table>
</div>
<div class="submenu" id="irp4menu" name="irp4sub">
<table BORDER=0 width=500 cellpadding="0" cellspacing="0"><tr>
<td></td>
<td><a href="링크할 문서">서브 메뉴 제목</a></td>
<td></td>
<td><a href="링크할 문서">서브 메뉴 제목</a></td>
<td></td>
<td><a href="링크할 문서">서브 메뉴 제목</a></td>
<td></td>
<td><a href="링크할 문서">서브 메뉴 제목</a></td>
<td></td>
<td><a href="링크할 문서">서브 메뉴 제목</a></td>
<td></td>
<td><a href="링크할 문서">서브 메뉴 제목</a></td>
<td></td>
<td><a href="링크할 문서">서브 메뉴 제목</a></td>
</tr></table>
</div>
<!--- 여기까지 소스 --->







이 소스를 적용시키면 주메뉴 밑에 서브메뉴가 나오긴 하지만, 서브메뉴1,서브메뉴2,서브메뉴3,서브메뉴4 모두가 똑같은 위치에서 고정됩니다.

저는 주메뉴1 밑에 서브메뉴1 을... 주메뉴2 밑에 서브메뉴2 를... 주메뉴3 밑에 서브메뉴3 을... 주메뉴4 밑에 서브메뉴4 를 위치시키고 싶습니다.

어떻게 해야 하나요 ??
이 게시물을
좋아요
목록
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
곰형님 홈페이지 하단 변경방법 [1] file 2013.12.09 by 아싸로또1등맞고싶어
rallablue 특정 게시판에서 쪽지기능이 안되요  
월넛 댓글을 달면 자꾸 이메일로 통보가 옵니다 [2] 2013.12.09 by 애니즌
애니즌 애드온 제작할 때 사용되는 add 있잖아요..!  
포쿠쿠 모바일 버전을 PC버전에서도 계속 사용하게 하려면 [1] 2013.12.09 by 벨몽이
곰형님 xe1.4.2.3 과 1.4.4.1 core 두개 버젼 core 어디서구하나요 [2] 2013.12.09 by Real
참치찌개 닉네임 앞 특수문자 출력  
띠로리로리 레이아웃 백그라운드가 안먹혀요T_T [1] 2013.12.09 by 때린데 또때려
DavidBeckham GoDaddy 호스팅 질문입니다. [1] 2013.12.09 by 때린데 또때려
seanwiz 1.7.3.6 새로 설치 후, 404 Not Found 페이지가 뜹니다. [2] 2013.12.09 by 구름나무바위
만나나나 Elkha - Gray Style 배너 삽입방법 file  
클로여 [급] 게시판에 글이 안써집니다ㅜㅜ  
캠핑메이트 답글이 달린 게시글 삭제 수정 금지 코드 어디에 넣어줘야 할지.. 자세히 알려주실분.. [1] 2013.12.08 by 마야^
겨레사랑 네이버 지도 오픈 API '잘못된 요청입니다.'에러가 나요 [1] file 2013.12.08 by KrteamENT
xe아메바 쪽지함의 새쪽지 삭제 오류  
빅드림 XE 가 죽었어요.. 이럴수가 있나요?? [2] file 2013.12.08 by explode
처리낭군 로그인 정보 보기에서 '작성 댓글 보기' 눌렀을때... file  
펭구 구문 오류로 홈페이지가 열리지 않습니다. [1] 2013.12.07 by 투씨
enzoy 보드 패키지를 tgz 파일로 받으려면 어디에서? [2] 2013.12.07 by 퍼니엑스이
TakeUrban 댓글 입력창 크기 file  
지미김 'UPDATE' 명령은 다음 사용자에게 거부되었습니다  
TakeUrban sketchbook5 유투브 갤러리 게시판 스킨 썸네일 이미지 표시 [3] 2013.12.07 by 파워XE
노리넷[썰코] 절약모드를 어떤식으로 만들수있을까요?  
rallablue 포인트랭킹 리스트 30까지 했는데 왜 20까지만 뜨죠? [1] file 2013.12.07 by KrteamENT
microwave 홈페이지에 글이 안올라가집니다. ㅠㅠ [1] file 2013.12.07 by Ruatic™
흐르는가람 글쓰기 중 첨부파일과 같이 올릴 때 부하? 현상 아시는 분 있나요? [2] 2013.12.07 by KrteamENT
벳텐 [Xe 1.7] 댓글알림 기능생성 & 모바일 메뉴 생성법 [1] file 2013.12.07 by KrteamENT
nado0124 컨텐츠 확장 위젯에서 확장변수 출력되게 할 때 줄바꿈 되게 하는 법  
애니즌 파일 업로드시 선택 창 [2] file 2013.12.07 by explode
닉네임뭐에요 비회원도 추천기능 쓸수있게 어떻게해요?  
태그 쓰기