제이쿼리 드롭다운메뉴 질문입니다.
본문
위 주소에서 제가 캡쳐에 빨간 화살표로 표시한 부분을
마우스로 마구 왓다갔다를 한 다음 마우스를 다른곳으로 가져가면
마우스로 왔다갔다 한 만큼 드롭다운 메뉴가 나왔다가 들어갑니다.
마우스가 다른 곳으로 가면 드롭다운 메뉴가 안나왔으면 좋겠는데
어떻게 해야할까요?ㅠㅠ
제이쿼리나 스크립트는 배워본적이 없어서 참 막막합니다...
아래는 소스입니다.
답변주시면 감사합니다ㅠㅠㅠ
<!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>
답변을 작성하시기 전에 로그인 해주세요.
