jquery 잘 아시는 분 ?
<script charset="utf-8">
$(function(){
$(".allButton").mouseover(function(e){
e.preventDefault();
$("#allmenu").slideToggle("slow");
});
});
</script>
http://ratia1.kuku.co.kr/index_age.php
마우스를 올리면 슬라이딩 메뉴가 나오는데요...
문제가 메뉴 마다 가져다 대면 나왔다 들어갔다 나왔다 들어갔다를 반복하거든요..
저 부분을 메뉴부분에 있으면 내려오는거 한번 !!
메뉴 + 슬라이딩에서 빠져 나가면 사라지게 하려면 어떻게 해야 하나요 ?
=== 이렇게도 해 봤습니다 =================================
<script charset="utf-8">
$(function(){
$(".allButton").mouseover(function(e){
$("#allmenu").slideToggle("slow");
e.preventDefault();
});
});
</script>
$(function(){
$(".allButton").mouseover(function(e){
e.preventDefault();
$("#allmenu").slideToggle("slow");
});
});
</script>
http://ratia1.kuku.co.kr/index_age.php
마우스를 올리면 슬라이딩 메뉴가 나오는데요...
문제가 메뉴 마다 가져다 대면 나왔다 들어갔다 나왔다 들어갔다를 반복하거든요..
저 부분을 메뉴부분에 있으면 내려오는거 한번 !!
메뉴 + 슬라이딩에서 빠져 나가면 사라지게 하려면 어떻게 해야 하나요 ?
=== 이렇게도 해 봤습니다 =================================
<script charset="utf-8">
$(function(){
$(".allButton").mouseover(function(e){
$("#allmenu").slideToggle("slow");
e.preventDefault();
});
});
</script>
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 5개
a 에 클래스 하나 주시고 그걸로 지정을 해보시는 건 어떨런지
한마디로 요소에 마우스를 올린뒤에 또 다시 요소에 마우스를 올려야 하단 매뉴가 사라지는 구조이지요.
mouseout 이벤트를 사용하시거나 hover 매서드를 사용하셔서 조건을 만들어주셔야합니다.
mouseout시 사라지게 하려면 어떻게 하면 되는건가요 ?
jQuery를 잘 몰라서요...
if(event.type == "mouseover") {
$(".menu").slideDown(slow);
} else if (event.type == "mouseout") {
$(".menu").slideUp(slow);
}
});
혹은
$(".class").hover(
function() {
$(".menu").slideDown(slow);
},
function() {
$(".menu").slideUp(slow);
}
);
제일 단순하게는 이런 구조가 되어야겠지요.