메뉴가 이상합니다~ 도움을 주세요 ! > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

메뉴가 이상합니다~ 도움을 주세요 ! 정보

메뉴가 이상합니다~ 도움을 주세요 !

본문

홈페이지를 다시 만들었는데 메뉴가 이상하네요 ㅠ
메뉴에 마우스 올리면 서서이 흰색으로 변하도록 했습니다. 그리고 마우스 떼면 흰색이 원래 색으로 돌아가야하는데 계속 흰색으로 있죠 ㅠ
다른 버튼에 올려두 마찬가지구요 -_-;
 
테스트 페이지 : http://ohstyle.idomz.net/ggg.htm
 
------------------------------------------------------------------------------
 
<script src="./sm_style.js" type="text/javascript"></script>
</head>
<body onLoad="Show_Hide('Layer1','','hide','Layer2','','hide','Layer3','','hide','Layer4','','hide','Layer5','','hide','Layer6','','hide');" bgcolor="#E3C2D7">
<!-- 첫번째 부메뉴 ---------------------------------------------------------------->
<div id="Layer1" style="background-color:rgb(158,82,131); width:245px; height:11px; position:absolute; left:256px; top:80px; z-index:1; visibility:hidden; right:70px;">
<table width="100" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><a href="m1_sub1.php"><img src="images/belly_m1sub_03.gif" width="64" height="19" border="0"></a></td>
    <td><a href="m1_sub2.php"><img src="images/belly_m1sub_04.gif" width="91" height="19" border="0"></a></td>
    <td><a href="m1_sub3.php"><img src="images/belly_m1sub_05.gif" width="67" height="19" border="0"></a></td>
    <td><a href="m1_sub4.php"><img src="images/belly_m1sub_06.gif" width="59" height="19" border="0"></a></td>
  </tr>
</table>
</div>
<!-- 세번째 부메뉴 ---------------------------------------------------------------->
<div id="Layer3" style="background-color:rgb(164,87,136); width:143px; height:11px; position:absolute; left:393px; top:80px; z-index:1; visibility:hidden; right:15px;">
       <table width="100" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><a href="bbs/zboard.php?id=m2_sub1"><img src="images/belly_m3sub_03.gif" width="80" height="19" border="0"></a></td>
    <td><a href="bbs/zboard.php?id=m2_sub2"><img src="images/belly_m3sub_04.gif" width="101" height="19" border="0"></a></td>
 <td><a href="bbs/zboard.php?id=m2_sub2"><img src="images/belly_m3sub_05.gif" width="96" height="19" border="0"></a></td>
  </tr>
</table>
</div>
<!-- 네번째 부메뉴 ---------------------------------------------------------------->
<div id="Layer4" style="background-color:rgb(164,87,136); width:235px; height:11px; position:absolute; left:512px; top:80px; z-index:1; visibility:hidden; right:30px;">
        <table width="100" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><a href="bbs/zboard.php?id=m3_sub1"><img src="images/belly_m4sub_03.gif" width="81" height="19" border="0"></a></td>
    <td><a href="bbs/zboard.php?id=m3_sub2"><img src="images/belly_m4sub_04.gif" width="92" height="19" border="0"></a></td>
    <td><a href="bbs/zboard.php?id=m3_sub2"><img src="images/belly_m4sub_05.gif" width="103" height="19" border="0"></a></td>
  </tr>
</table>
</div>
<!-- 다섯째 부메뉴 ---------------------------------------------------------------->
<div id="Layer5" style="background-color:rgb(163,86,135); width:132px; height:19px; position:absolute; left:671px; top:80px; z-index:1; visibility:hidden; right:100px;">
       <table width="100" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><a href="bbs/zboard.php?id=m4_sub1"><img src="images/belly_m5sub_03.gif" width="66" height="19" border="0"></a></td>
    <td><a href="bbs/zboard.php?id=m4_sub2"><img src="images/belly_m5sub_04.gif" width="66" height="19" border="0"></a></td>
  </tr>
</table>
</div>
<!-- 여섯번째 부메뉴 ------------------------------------------------------------->
<div id="Layer6" style="background-color:rgb(165,87,137); width:164px; height:11px; position:absolute; left:661px; top:80px; z-index:1; visibility:hidden; right:13px;">
         <table width="100" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><a href="bbs/zboard.php?id=m5_sub1"><img src="images/belly_m6sub_03.gif" width="66" height="19" border="0"></a></td>
    <td><a href="bbs/zboard.php?id=m5_sub2"><img src="images/belly_m6sub_04.gif" width="70" height="19" border="0"></a></td>
    <td><a href="bbs/zboard.php?id=m5_sub3"><img src="images/belly_m6sub_05.gif" width="95" height="19" border="0"></a></td>
  </tr>
  </table>
</div>
<!-- 끝 --------------------------------------------------------------------->
<body bgcolor="#E3C2D7" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" style="background-image:url('images/belly_bg.gif'); background-repeat:repeat-x; background-attachment:scroll; background-position:0 0;">
<table cellpadding="0" cellspacing="0" width="100%">
    <tr>
        <td width="900" height="5" bgcolor="#CE89B5">
            <p align="left"></p>
</td>
        <td width="204" height="5" bgcolor="#CE89B5"></td>
    </tr>
    <tr>
        <td width="900" height="296" valign="top">
            <table cellpadding="0" cellspacing="0" width="900">
                <tr>
                    <td width="900" height="14" colspan="3">
                        <table cellpadding="0" cellspacing="0" width="868">
                            <tr>
                                <td width="717" height="6" background="images/belly_02.gif">
                                    <p><img src="images/belly_02.gif" width="717" height="14" alt=""></p>
</td>
                                <td width="38" height="6">                                    <p><a href="http://e-belly.com" target="_top"><img src="images/belly_03.gif" width="38" height="14" alt="" border="0"></a></p>
</td>
                                <td width="62" height="6">                                    <p><img src="images/belly_04.gif" width="62" height="14" alt=""></p>
</td>
                                <td width="50" height="6">                                    <p><a href="http://e-belly.con/sitemap.php"><img src="images/belly_05.gif" width="50" height="14" alt="" border="0"></a></p>
</td>
                                <td width="1" height="6">                                    <p><img src="images/belly_06.gif" width="33" height="14" alt=""></p>
</td>
                            </tr>
                        </table>
</td>
                </tr>
                <tr>
                    <td width="900" background="images/belly_07.gif" height="19" colspan="3"></td>
                </tr>
                <tr>
                    <td width="900" colspan="3">
                        <table cellpadding="0" cellspacing="0" width="900">
                            <tr>
                                <td width="20" height="43"></td>
                                <td width="197" height="43">                                    <p><a href="http://e-belly.com" target="_top"><img src="images/belly_09.gif" width="197" height="43" alt="" border="0"></a></p>
</td>
                                <td width="48" height="43"></td>
                                <td width="51" height="43">                                    <p><a href="#"><img src="images/belly_11.gif" width="51" height="43" alt="" border="0" id=aa style="filter:blendTrans(duration=0.3)" onMouseOver="Show_Hide('Layer2','','hide','Layer3','','hide','Layer4','','hide','Layer5','','hide','Layer6','','hide','Layer1','','show');trans('aa','images/belly_m_01.gif');" onMouseOut="trans('aa','images/belly_m_01.gif');"></a></p>
</td>
                                <td width="59" height="43"></td>
                                <td width="50" height="43">                                    <p><a href="#"><img src="images/belly_13.gif" width="50" height="43" alt="" border="0" id=bb style="filter:blendTrans(duration=0.3)" onMouseOver="trans('bb','images/belly_m_02.gif');" onMouseOut="trans('bb','images/belly_m_02.gif');"></a></p>
</td>
                                <td width="60" height="43"></td>
                                <td width="75" height="43">                                    <p><a href="#"><img src="images/belly_15.gif" width="75" height="43" alt="" border="0" id=cc style="filter:blendTrans(duration=0.3)" onMouseOver="Show_Hide('Layer1','','hide','Layer2','','hide','Layer4','','hide','Layer5','','hide','Layer6','','hide','Layer3','','show');trans('cc','images/belly_m_03.gif');" onMouseOut="trans('cc','images/belly_m_03.gif');"></a></p>
</td>
                                <td width="59" height="43"></td>
                                <td width="38" height="43">                                    <p><a href="#"><img src="images/belly_17.gif" width="38" height="43" alt="" border="0" id=dd style="filter:blendTrans(duration=0.3)" onMouseOver="Show_Hide('Layer1','','hide','Layer2','','hide','Layer3','','hide','Layer5','','hide','Layer6','','hide','Layer4','','show');trans('dd','images/belly_m_04.gif');" onMouseOut="trans('dd','images/belly_m_04.gif');"></a></p>
</td>
                                <td width="60" height="43"></td>
                                <td width="38" height="43">                                    <p><a href="#"><img src="images/belly_19.gif" width="38" height="43" alt="" border="0" id=ee style="filter:blendTrans(duration=0.3)" onMouseOver="Show_Hide('Layer1','','hide','Layer2','','hide','Layer3','','hide','Layer4','','hide','Layer6','','hide','Layer5','','show');trans('ee','images/belly_m_05.gif');" onMouseOut="trans('ee','images/belly_m_05.gif');"></a></p>
</td>
                                <td width="59" height="43"></td>
                                <td width="50" height="43">                                    <p><a href="#"><img src="images/belly_21.gif" width="50" height="43" alt="" border="0" id=ff style="filter:blendTrans(duration=0.3)" onMouseOver="Show_Hide('Layer1','','hide','Layer2','','hide','Layer3','','hide','Layer4','','hide','Layer5','','hide','Layer6','','show');trans('ff','images/belly_m_06.gif');" onMouseOut="trans('ff','images/belly_m_06.gif');"></a></p>
 
------------------------------------------------------------------------------
메뉴 소스는 저렇게 되구요!
 
 
sm_style.js는...
------------------------------------------------------------------------------
//링크 테두리 없애는 스크립트
function bluring(){
if(event.srcElement.tagName=="A"||event.srcElement.tagName=="IMG") document.body.focus();
}
document.onfocusin=bluring;
// 필터 적용 함수
function trans(id,after)
{
eval(id+'.filters.blendTrans.stop();');
eval(id+'.filters.blendTrans.Apply();');
eval(id+'.src="'+after+'";');
eval(id+'.filters.blendTrans.Play();');
}
function Find_Obj(n, d) {
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=Find_Obj(n,d.layers[i].document);
  if(!x && document.getElementById) x=document.getElementById(n); return x;
}
// 부메뉴 레이어 숨김/보이기 함수
function Show_Hide() {
  var i,p,v,obj,args=Show_Hide.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=Find_Obj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
    obj.visibility=v; }
}
  • 복사

댓글 전체

<img src="images/belly_21.gif" width="50" height="43" alt="" border="0" id=ff style="filter:blendTrans(duration=0.3)" onMouseOver="Show_Hide('Layer1','','hide','Layer2','','hide','Layer3','','hide','Layer4','','hide','Layer5','','hide','Layer6','','show');trans('ff','images/belly_m_06.gif');" onMouseOut="trans('ff','images/belly_m_06.gif');">

여기서.. 오버에 belly_m_06.gif 이미지 아웃에도 동일한 belly_m_06.gif 이미지네요..
마우스 아웃 이미지는 본래의 이미지인  belly_21.gif 로 하셔야 본래대로 돌아가지 않을까요?
© SIRSOFT
현재 페이지 제일 처음으로