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

주소 : http://mti1.hwc9400.gethompy.com/

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

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

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

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

어떻게 해야할까요?ㅠㅠ

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

아래는 소스입니다.

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

Copy

<!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" />
    <!-- Javascript -->  <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>  <script type="text/javascript">$(function(){
 //Hide SubLevel Menus $('#header ul li ul').hide();
 //OnHover Show SubLevel Menus $('#header ul li').hover(  //OnHover  function(){   //Hide Other Menus   $('#header ul li').not($('ul', this)).stop();
   //Add the Arrow   //$('ul li:first-child', this).before(   // '<li class="arrow">arrow</li>'   //);
   //Remove the Border   //$('ul li.arrow', this).css('border-bottom', '0');
   // Show Hoved Menu   $('ul', this).slideDown();  },  //OnOut  function(){   // Hide Other Menus   $('ul', this).slideUp();
   //Remove the Arrow   //$('ul li.arrow', this).remove();  } );
});   </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><br>
 </body></html>

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

답변 2개

공유하기