수라의 티스토리

function left_show(val)
{
    if(val==1){
        document.getElementById('left_setup').style.display = 'block';
        document.getElementById('back_lmenu01').style.display = 'block';
       
    } else if(val==2) {
        document.getElementById('left_setup').style.display = 'none';
        document.getElementById('back_lmenu01').style.display = 'none';
       
    }
}

[HTML]
<img src="images/gnb_menu01.gif" onmouseover="show_layer('showmenu1')" onmouseout="sub_out()" class="gnb_img" alt="품질지수관리" />
                <div id="showmenu1" style="visibility:hidden;" onmouseout="sub_out()" onmouseover="sub_over()">
                    <iframe id="back_smenu01" frameborder="0"></iframe>
                    <div class="smenu01">
                        <ul class="gnb_depth01">
                            <li><a href="#" onmouseover="txt_over()" onmouseout="txt_out()">품질지수조회</a></li>
                            <li><a href="#" onmouseover="txt_over()" onmouseout="txt_out()">목표수준거래승인완료율</a></li>
                        </ul>
                    </div>
                </div>

[스크립트]
//메뉴 갯수
 var lay_length = 3;
 var inter_id = "";
 
 function hide_set(){
  //서브레이어 다 안보이게
  for(var i=1; i<=lay_length; i++){
   var txt = "showmenu"+i;
   document.getElementById(txt).style.visibility="hidden";
  }
 }
 
 function show_layer(id){
  //서브레이어 다 감추고 다시 내꺼만 보이게
clearInterval(inter_id);
  hide_set();
  document.getElementById(id).style.visibility="visible";
 }
 
 //서브배경과 메뉴를 벗어날경우 시간차로 서브감추기
 function sub_out(){
clearInterval(inter_id);
  inter_id = setInterval("check();",1000);
 }
 function sub_over(){
  clearInterval(inter_id);
 }
 function txt_out(){
clearInterval(inter_id);
  inter_id = setInterval("check();",1000);
 }
 function txt_over(){
  clearInterval(inter_id);
 }
 function check(){
  hide_set();
  clearInterval(inter_id);
 }
//메뉴 갯수
 var lay_length = 3;
 var inter_id = "";
 
 function hide_set(){
  //서브레이어 다 안보이게
  for(var i=1; i<=lay_length; i++){
   var txt = "showmenu"+i;
   document.getElementById(txt).style.visibility="hidden";
  }
 }
 
 function show_layer(id){
  //서브레이어 다 감추고 다시 내꺼만 보이게
clearInterval(inter_id);
  hide_set();
  document.getElementById(id).style.visibility="visible";
 }
 
 //서브배경과 메뉴를 벗어날경우 시간차로 서브감추기
 function sub_out(){
clearInterval(inter_id);
  inter_id = setInterval("check();",1000);
 }
 function sub_over(){
  clearInterval(inter_id);
 }
 function txt_out(){
clearInterval(inter_id);
  inter_id = setInterval("check();",1000);
 }
 function txt_over(){
  clearInterval(inter_id);
 }
 function check(){
  hide_set();
  clearInterval(inter_id);
 }