제이쿼리 드롭다운메뉴 질문입니다.

제이쿼리 드롭다운메뉴 질문입니다. 채택완료

AnnieK 11년 전 조회 8,716

주소 : http://mti1.hwc9400.gethompy.com/" target="_blank">http://mti1.hwc9400.gethompy.com/

위 주소에서 제가 캡쳐에 빨간 화살표로 표시한 부분을

마우스로 마구 왓다갔다를 한 다음 마우스를 다른곳으로 가져가면

마우스로 왔다갔다 한 만큼 드롭다운 메뉴가 나왔다가 들어갑니다.

마우스가 다른 곳으로 가면 드롭다운 메뉴가 안나왔으면 좋겠는데

어떻게 해야할까요?ㅠㅠ

제이쿼리나 스크립트는 배워본적이 없어서 참 막막합니다...

아래는 소스입니다.

답변주시면 감사합니다ㅠㅠㅠ

</div>
<div><!DOCTYPE html>
<html lang="ko">
 <head>
  <!-- Title -->
  <title>Wordpress Multi-Level Navigation</title>
  
  <!-- Meta -->
  <meta charset="euc-kr" />
  
     <!-- Styles -->
        <link rel="stylesheet" href="topmenu_style.css" type="text/css" /></div>
<div>  
  <!-- Javascript -->
  <script type="text/javascript" src="<a href='<a href="http://code.jquery.com/jquery-latest.min.js"></script'" target="_blank" rel="noopener noreferrer">http://code.jquery.com/jquery-latest.min.js"></script'</a> target="_blank"><a href="http://code.jquery.com/jquery-latest.min.js" target="_blank" rel="noopener noreferrer">http://code.jquery.com/jquery-latest.min.js</a>"></script</a>>
  <script type="text/javascript">
$(function(){</div>
<div> //Hide SubLevel Menus
 $('#header ul li ul').hide();</div>
<div> //OnHover Show SubLevel Menus
 $('#header ul li').hover(
  //OnHover
  function(){
   //Hide Other Menus
   $('#header ul li').not($('ul', this)).stop();</div>
<div>   //Add the Arrow
   //$('ul li:first-child', this).before(
   // '<li class="arrow">arrow</li>'
   //);</div>
<div>   //Remove the Border
   //$('ul li.arrow', this).css('border-bottom', '0');</div>
<div>   // Show Hoved Menu
   $('ul', this).slideDown();
  },
  //OnOut
  function(){
   // Hide Other Menus
   $('ul', this).slideUp();</div>
<div>   //Remove the Arrow
   //$('ul li.arrow', this).remove();
  }
 );</div>
<div>});
 
  </script>
 </head>
 <body>
 <div id="header">
   <ul>
    <li><a href="about.php"><img src="../images/menu1.jpg"></a></li>
    <li><img src="../images/menu2.jpg"></li>
    <li><a href="honeywell.php"><img src="../images/menu3.jpg"></a>
     <ul>
      <li><a href="honeywell.php"><img src="../images/m0301.png" title="honeywell-chadwick"></a></li>
      <li><a href="hsi.php"><img src="../images/m0302.png" title="Helicopter Support, Inc"></a></li>
      <li><a href="snapon.php"><img src="../images/m0303.png" title="Snap-on Tools"></a></li>
     </ul>
    </li>
    <li><a href="frasca.php"><img src="../images/menu4.jpg"></a>
     <ul>
      <li><a href="frasca.php"><img src="../images/m0401.png" title="Frasca"></a></li>
     </ul>
    </li>
    <li><a href="standard.php"><img src="../images/menu5.jpg"></a>
     <ul>
      <li><a href="standard.php"><img src="../images/m0501.png" title="Helicopter Engine Overhaul Service(Standard Aero)"></a></li>
     </ul>
    </li>
    <li><a href="contact.php"><img src="../images/menu6.jpg"></a></li>
   </ul>
  </div>
</div>
<div> </body>
</html></div>
<div>

제이쿼리 드롭다운메뉴 질문입니다. 채택완료

답변 2개

공유하기