메뉴바 도와주세요 ..... 정보
메뉴바 도와주세요 .....본문
그 소스대로 만들었는데
웹상에서 구현이 이상하게 됩니다. ;;;;
마우스 오버시 맨 위에 사진처럼 나타나게 하려는데
2번째 사진처럼 나오네요. 마우스 오버해도 사진이 바뀌지도 않구요. 이유를 모르겠습니다.
도와주세요 ;;;^^;;
<script>
// GNB메뉴의 번호에 따라 활성화 이미지를 보여줌
if("" == "100"){
setTimeout("over('menu1')", 100);
}else if("" == "200"){
setTimeout("over('menu2')", 100);
}else if("" == "300"){
setTimeout("over('menu3')", 100);
}else if("" == "400"){
setTimeout("over('menu4')", 100);
}else if("" == "500"){
setTimeout("over('menu5')", 100);
}else if("" == "600"){
setTimeout("over('menu6')", 100);
// GNB메뉴에 마우스오버했을 때 각각의 서브메뉴를 보여줌
function over(div){
var obj = document.getElementsByTagName("div");
for(var i=0;i<obj.length;i++){
if(obj[i].id.substr(0,5)=='menu'){
obj[i].style.display = "none";
}
}
var gb = div.substr(5, 6);
var id = document.getElementById(div);
id.style.display = "inline";
if(gb == 1){
document.images.img1.src = "/img_n/menu/menu_1on.gif";
document.images.img2.src = "/img_n/menu/menu_2.gif"; ;
document.images.img3.src = "/img_n/menu/menu_3.gif"; ;
document.images.img4.src = "/img_n/menu/menu_4.gif"; ;
document.images.img5.src = "/img_n/menu/menu_5.gif"; ;
document.images.img6.src = "/img_n/menu/menu_6.gif"; ;
}else if(gb == 2){
document.images.img1.src = "/img_n/menu/menu_1.gif";
document.images.img2.src = "/img_n/menu/menu_2on.gif"; ;
document.images.img3.src = "/img_n/menu/menu_3.gif"; ;
document.images.img4.src = "/img_n/menu/menu_4.gif"; ;
document.images.img5.src = "/img_n/menu/menu_5.gif"; ;
document.images.img6.src = "/img_n/menu/menu_6.gif"; ;
}else if(gb == 3){
document.images.img1.src = "/img_n/menu/menu_1.gif";
document.images.img2.src = "/img_n/menu/menu_2.gif"; ;
document.images.img3.src = "/img_n/menu/menu_3on.gif"; ;
document.images.img4.src = "/img_n/menu/menu_4.gif"; ;
document.images.img5.src = "/img_n/menu/menu_5.gif"; ;
document.images.img6.src = "/img_n/menu/menu_6.gif"; ;
}else if(gb == 4){
document.images.img1.src = "/img_n/menu/menu_1on.gif";
document.images.img2.src = "/img_n/menu/menu_2.gif"; ;
document.images.img3.src = "/img_n/menu/menu_3.gif"; ;
document.images.img4.src = "/img_n/menu/menu_4on.gif"; ;
document.images.img5.src = "/img_n/menu/menu_5.gif"; ;
document.images.img6.src = "/img_n/menu/menu_6.gif"; ;
}else if(gb == 5){
document.images.img1.src = "/img_n/menu/menu_1.gif";
document.images.img2.src = "/img_n/menu/menu_2.gif"; ;
document.images.img3.src = "/img_n/menu/menu_3.gif"; ;
document.images.img4.src = "/img_n/menu/menu_4.gif"; ;
document.images.img5.src = "/img_n/menu/menu_5on.gif"; ;
document.images.img6.src = "/img_n/menu/menu_6.gif"; ;
}else{
document.images.img1.src = "/img_n/menu/menu_1.gif";
document.images.img2.src = "/img_n/menu/menu_2.gif"; ;
document.images.img3.src = "/img_n/menu/menu_3.gif"; ;
document.images.img4.src = "/img_n/menu/menu_4.gif"; ;
document.images.img5.src = "/img_n/menu/menu_5.gif"; ;
document.images.img6.src = "/img_n/menu/menu_6on.gif"; ;
}
}
</script>
<table border="0" cellspacing="0" cellpadding="0" align="center" style="background-image: url('/img_n/menu/menu_basic'); background-repeat:no-repeat;" >
<tr>
<td valign="top">
<!-- GNB 메뉴 -->
<!-- 메뉴란 -->
<a href="/english_01.php" onmouseover="over('menu1')" >
<img src="/img_n/menu/menu_1.gif" name="img1"
alt="overview" style="margin-top: 2px">
</a>
<!-- 강사소개 -->
<a href="/teacher_list.php" onmouseover="over('menu2')">
<img src="/img_n/menu/menu_2.gif" name="img2"
alt="overview" style="margin-top: 2px">
</a>
<!-- 교육프로그램 -->
<a href="/curr.basic.php" onmouseover="over('menu3')">
<img src="/img_n/menu/menu_3.gif" name="img3"
alt="overview" style="margin-top: 2px">
</a>
<!-- 수강료 및 신청 -->
<a href="/payment.php" onmouseover="over('menu4')">
<img src="/img_n/menu/menu_4.gif" name="img4"
alt="overview" style="margin-top: 2px">
</a>
<!-- 마이페이지 -->
<a href="/student_schedule_reserved.php" onmouseover="over('menu5')">
<img src="/img_n/menu/menu_5.gif" name="img5"
alt="overview" style="margin-top: 2px">
</a>
<!-- 고객센터 -->
<a href="/bbs/board.php?bo_table=reminder" onmouseover="over('menu6')">
<img src="/img_n/menu/menu_6.gif" name="img6"
alt="overview" style="margin-top: 2px">
</a>
<br>
<!-- GNB서브메뉴 -->
<!-- 메뉴란 서브메뉴 -->
<div id="menu1" style="display: none; background-color: #FFFFFF; padding-top: 2px; padding-left: 10px;">
<font style='font-size: 11px; font-family: dotum; '>
<a href="/english_01.php" target="_top" >
회사소개
</a>
|
<a href="/english_02.php" target="_top" >
화상영어란?
</a>
</font>
</div>
<!-- 강사소개 서브메뉴 -->
<div id="menu2" style="display: none; background-color: #FFFFFF; padding-top: 2px; padding-left: 10px;">
<font style='font-size: 11px; font-family: dotum; '>
<a href="teacher_list.php" target="_top" >
강사소개
</a>
|
<a href="/english_03.php" target="_top" >
강사선발과정
</a>
</font>
</div>
<!-- 교육프로그램 서브메뉴 -->
<div id="menu3" style="display: none; background-color: #FFFFFF; padding-top: 2px; padding-left: 10px; padding-right: 70px">
<font style='font-size: 11px; font-family: dotum; '>
<a href="/curr.letsplay.php" >
어린이영어
</a>
|
<a href="/curr.basic.php" target="_top" >
기초영어
</a>
|
<a href="/curr.business.php" target="_top" >
비즈니스영어
</a>
|
<a href="/curr.interview.php" target="_top" >
인터뷰영어
</a>
|
<a href="/curr.freetalk.php" target="_top" >
프리토킹
</a>
|
<a href="/curr.opic.php" target="_top" >
오픽
</a>
|
<a href="/book.php" target="_top" >
교재안내
</a>
</font>
</div>
<!-- 수강료 및 신청 서브메뉴 -->
<div id="menu4" style="display: none; background-color: #FFFFFF; padding-top: 2px; padding-left: 10px;">
<font style='font-size: 11px; font-family: dotum; '>
<a href="/payment.php" target="_top" >
수강료
</a>
|
<a href="/teacher_list.php" target="_top" >
수강신청
</a>
|
<a href="/all_teacher_schedule_table.php" target="_top" >
강사전체시간표
</a>
|
<a href="/schedule.freelesson.php" target="_top" >
무료레벨테스트
</a>
</font>
</div>
<!-- 마이페이지 서브메뉴 -->
<div id="menu5" style="display: none; background-color: #FFFFFF; padding-top: 2px; padding-left: 10px;">
<font style='font-size: 11px; font-family: dotum; '>
<a href="/student_schedule_reserved.php" target="_top" >
예약된수업
</a>
|
<a href="/student_schedule_past.php" target="_top" >
지난수업결과
</a>
|
<a href="/payment.list.php" target="_top" >
결재내역
</a>
|
<a href="/student_schedule_past.php?from_menu=1" target="_top" >
포인트복구신청
</a>
</font>
</div>
<!-- 고객센터 서브메뉴 -->
<div id="menu6" style="display: none; background-color: #FFFFFF; padding-top: 2px; padding-left: 10px;">
<font style='font-size: 11px; font-family: dotum; '>
<a href="/bbs/board.php?bo_table=support" target="_top" >
테스트결과
</a>
|
<a href="/bbs/board.php?bo_table=reminder" target="_top" >
공지사항
</a>
|
<a href="/bbs/board.php?bo_table=freetalk" target="_top" >
자유토론
</a>
|
<a href="/bbs/board.php?bo_table=postscript" target="_top" >
수업후기
</a>
|
<a href="/bbs/board.php?bo_table=pds" target="_top" >
우수회원
</a>
|
<a href="/bbs/board.php?bo_table=report" target="_top" >
잦은질문
</a>
</font>
</div>
</td>
</tr>
<tr>
<td valign="top"><img src="/img_n/menu/menubottom.gif"></td></tr>
</table>
댓글 전체
<img src="/img_n/menu/menu_1.gif" name="img1"
alt="overview" style="margin-top: 2px" border="0">
border="0" 을 모두 삽입하시면 테두리는 사라지고요
alt="overview" style="margin-top: 2px" border="0">
border="0" 을 모두 삽입하시면 테두리는 사라지고요
javascript 라서 잘모르겟네요...
문제 빨리 해결되길 바랍니다.
문제 빨리 해결되길 바랍니다.