묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
마우스를 올려놓으면 메뉴가 뜨는형식의..
2003.04.25 10:03
안녕하세요-ㅁ-
그림에..아니면 글씨든..어디에 마우스를 올려놓으면
레이어로 서브메뉴가 뜨게 하고싶은데요..
아무리 찾아봐도 없네요 -0-
비슷한건 찾은적이있는데.. 그건 마우스를 다른데로 가져다 놓으면,..
메뉴가 없어지길래..^^;;
그러니까 제가 찾는건 -ㅁ-;;
---------------------
|-메뉴1--메뉴2--메뉴3|
_____________________
메뉴바가 이렇게 돼있고 메뉴1에 마우스를 올려놓으면 메뉴1의 서브메뉴가 뜨고
메뉴2에 올려놓으면 메뉴2의 서브메뉴가 뜨는형식이요..^^;;
마우스를 다른데다 놓으면 아무변화없게요~
그럼 안녕히..^^
그림에..아니면 글씨든..어디에 마우스를 올려놓으면
레이어로 서브메뉴가 뜨게 하고싶은데요..
아무리 찾아봐도 없네요 -0-
비슷한건 찾은적이있는데.. 그건 마우스를 다른데로 가져다 놓으면,..
메뉴가 없어지길래..^^;;
그러니까 제가 찾는건 -ㅁ-;;
---------------------
|-메뉴1--메뉴2--메뉴3|
_____________________
메뉴바가 이렇게 돼있고 메뉴1에 마우스를 올려놓으면 메뉴1의 서브메뉴가 뜨고
메뉴2에 올려놓으면 메뉴2의 서브메뉴가 뜨는형식이요..^^;;
마우스를 다른데다 놓으면 아무변화없게요~
그럼 안녕히..^^
댓글 3
-
스티치
2003.04.25 10:36
-
LILIS
2003.04.25 11:08
레이어를 만들어서 서브1를 만들어넣고 메뉴1 위에 마우스를 올리면 그 메뉴가 뜰
위치에 올려놓으신 후 hidden을 넣어주세요. 그다음 메뉴1 이미지에 onmouseover을
넣어주셔서 서브1 이 뜨도록 하면 됩니다.; -
이한승
2003.04.25 18:33
<script language="javascript">
function show_Object(obj, check)
{
// if(check!=0) Top_Images.style.display = 'block';
// else Top_Images.style.display = 'none';
obj.style.cursor = "hand";
}
var menuImages=new Array();
menuImages[0] = "http://im.compuz.com/zeroboard/main/images/1_1.gif";
menuImages[1] = "http://im.compuz.com/zeroboard/main/images/1_2.gif";
menuImages[2] = "http://im.compuz.com/zeroboard/main/images/2_1.gif";
menuImages[3] = "http://im.compuz.com/zeroboard/main/images/2_2.gif";
menuImages[4] = "http://im.compuz.com/zeroboard/main/images/3_1.gif";
menuImages[5] = "http://im.compuz.com/zeroboard/main/images/3_2.gif";
menuImages[6] = "http://im.compuz.com/zeroboard/main/images/4_1.gif";
menuImages[7] = "http://im.compuz.com/zeroboard/main/images/4_2.gif";
var old_menu = '';
var old_cell = '';
var old_number = 0;
function menu_over_click(submenu, cellbar, number){
if( old_cell != cellbar || old_menu.style.display=='none') {
if( old_cell != '' ){
old_menu.style.display = 'none';
old_cell.src= menuImages[old_number];
}
submenu.style.display = 'block';
old_menu = submenu;
old_cell = cellbar;
old_number = number;
old_cell.src = menuImages[++number];
}
}
function menu_on_click(obj_menu, obj_img, _number)
{
if(old_menu!=obj_menu)
{
old_menu.style.display = 'none';
old_cell.src= menuImages[old_number];
}
obj_menu.style.display = (obj_menu.style.display=='none') ? 'block' : 'none';
_num = (obj_menu.style.display=='none') ? 0 : 1;
old_number = _number;
old_menu = obj_menu;
old_cell = obj_img;
_number += _num;
obj_img.src = menuImages[_number];
}
</script>
<table width=100% border=0 cellspacing=0 cellpadding=0>
<tr align=right>
<td height=45 width=150 align=left onMouseOver="show_Object(this, 1);" onMouseOut="show_Object(this, 1);" onClick="Click_OnTD(this,'http://im.compuz.com/zeroboard/main/index.html?_left=1&_right=1');">
</td>
<td align=left valign=top>
<table width=100% height=17 border=0 cellspacing=0 cellpadding=0>
<col width=100%></col>
<tr>
<td COLSPAN=13 height=3 bgcolor=#c0c0c0>
</td></tr>
<tr height=17>
<TD vAlign=bottom onmouseover="menu_over_click(submenu1, bar1, 0);" onclick="menu_on_click(submenu1, bar1, 0);" width=115>
<IMG id=bar1 border=0 src="http://im.compuz.com/zeroboard/main/images/1_1.gif"></TD>
<TD vAlign=bottom onmouseover="menu_over_click(submenu2, bar2, 2);" onclick="menu_on_click(submenu2, bar2, 2);" width=115>
<IMG id=bar2 border=0 src="http://im.compuz.com/zeroboard/main/images/2_1.gif"></TD>
<TD vAlign=bottom onmouseover="menu_over_click(submenu3, bar3, 4);" onclick="menu_on_click(submenu3, bar3, 4);" width=115>
<IMG id=bar3 border=0 src="http://im.compuz.com/zeroboard/main/images/3_1.gif"></TD>
<TD vAlign=bottom onmouseover="menu_over_click(submenu4, bar4, 6);" onclick="menu_on_click(submenu4, bar4, 6);" width=115>
<IMG id=bar4 border=0 src="http://im.compuz.com/zeroboard/main/images/4_1.gif"></TD>
<TD width=100%></TD>
</tr>
<tr>
<td COLSPAN=13 height=3 bgcolor=#c0c0c0>
</td></tr>
<tr>
<td COLSPAN=13 height=22 bgcolor=#f0f0f0>
</td></tr>
</table></td></tr></table>
<SPAN id=submenu1 style="DISPLAY: none; HEIGHT: 16px; LEFT: 155px; POSITION: absolute; TOP: 37px; VISIBILITY: visible; WIDTH: 400px">
<TABLE><TBODY><TR>
<TD>
<IMG align=absMiddle height=16 src="/main/images/top_sub_title_point.gif"><A
href="/main/index.html?_left=2&_right=2" onfocus=this.blur()>화진인슈소개</A><IMG
align=absMiddle height=16 src="/main/images/top_sub_title_line.gif"><A
href="/main/index.html?_left=2&_right=3">대표이사소개</A><IMG
align=absMiddle height=16 src="/main/images/top_sub_title_line.gif"><A
href="/main/index.html?_left=2&_right=4">표어</A>
</TD></TR></TBODY></TABLE></SPAN>
<SPAN id=submenu2 style="DISPLAY: none; HEIGHT: 16px; LEFT: 270px; POSITION: absolute; TOP:37; VISIBILITY: visible; WIDTH: 400px">
<TABLE><TBODY><TR>
<TD>
<IMG align=absMiddle height=16 src="/main/images/top_sub_title_point.gif"><A
href="/zboard.php?id=notice&category=1">공지</A><IMG
align=absMiddle height=16 src="/main/images/top_sub_title_line.gif"><A
href="/zboard.php?id=_schedule">일정</A><IMG
align=absMiddle height=16 src="/main/images/top_sub_title_line.gif"><A
href="/zboard.php?id=ending">당일마감</A><IMG
align=absMiddle height=16 src="/main/images/top_sub_title_line.gif"><A
href="/zboard.php?id=ending_ok">협회실적</A><IMG
align=absMiddle height=16 src="/main/images/top_sub_title_line.gif"><A
href="/zboard.php?id=sale">계약원부</A><IMG
align=absMiddle height=16 src="/main/images/top_sub_title_line.gif"><A
href="/zboard.php?id=notice&category=3">자료실</A>
</TD></TR></TBODY></TABLE></SPAN>
<SPAN id=submenu3 style="DISPLAY: none; HEIGHT: 16px; LEFT: 385px; POSITION: absolute; TOP: 37px; VISIBILITY: visible; WIDTH: 400px">
<TABLE><TBODY><TR>
<TD>
<IMG align=absMiddle height=16 src="/main/images/top_sub_title_point.gif"><A
href="/zboard.php?id=notice&category=4" onfocus=this.blur()>자유발언</A><IMG
align=absMiddle height=16 src="/main/images/top_sub_title_line.gif"><A
href="/zboard.php?id=notice&category=5">유머광장</A><IMG
align=absMiddle height=16 src="/main/images/top_sub_title_line.gif"><A
href="/zboard.php?id=notice&category=7">도서자료</A><IMG
align=absMiddle height=16 src="/main/images/top_sub_title_line.gif"><A
href="/zboard.php?id=_photo_dh">사진자료</A>
</TD></TR></TBODY></TABLE></SPAN>
<SPAN id=submenu4 style="DISPLAY: none; HEIGHT: 16px; LEFT: 500px; POSITION: absolute; TOP: 37px; VISIBILITY: visible; WIDTH: 400px">
<TABLE><TBODY><TR>
<TD>
<IMG align=absMiddle height=16 src="/main/images/top_sub_title_point.gif"><A
href="/zboard.php?id=hdmf" onfocus=this.blur()>현대</A><IMG
align=absMiddle height=16 src="/main/images/top_sub_title_line.gif"><A
href="/zboard.php?id=samsung">삼성</A><IMG
align=absMiddle height=16 src="/main/images/top_sub_title_line.gif"><A
href="/zboard.php?id=insu_etc">기타</A>
</TD></TR></TBODY></TABLE></SPAN>
흐음.. 혹시 말씀하시는게 각각의 페이지에 들어갔을때 서브가 보이게 하는것 아닌가요?
그런 경우라면 각 페이지마다 레이어 메뉴의 설정중 기본으로 서브를 보이도록 하는 방법은 있습니다만.. 질문이 난해해서 낭패.