개발/Jquery
jquery 슬라이드 메뉴(마우스오버/아웃)
쭈니후니
2013. 1. 18. 17:45
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("ul.sub").hide();
$("ul.menu li").hover(function(){
$("ul:not(:animated)",this).slideDown("fast");
},
function(){
$("ul",this).slideUp("fast");
});
});
</script>
<style type="text/css">
</style>
</head>
<body>
<div id="container">
<ul class="menu">
<li><a href="#">메뉴</a>
<ul class="sub">
<li><a href="#">서브메뉴1</a></li>
<li><a href="#">서브메뉴2</a></li>
<li><a href="#">서브메뉴3</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>
위 hover()는 mouseover() mouseout()를 합쳐논 함수라고 볼수있다``;;