<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()를 합쳐논 함수라고 볼수있다``;;
'개발 > Jquery' 카테고리의 다른 글
| Jquery 숫자만 간단하게 (0) | 2016.03.14 |
|---|---|
| 이미지 바꾸기 (0) | 2013.02.06 |
| jquery 요약 (0) | 2013.01.18 |
| jquery api (0) | 2011.12.15 |
| JQuery (0) | 2011.04.06 |
쭈니후니
개발자로서 공부와 낚시를 좋아하는 한사람으로서의 추억을 담을 블로그입니다.