jquery 슬라이딩 메뉴 부분에서.....?? 정보
jquery 슬라이딩 메뉴 부분에서.....??
본문
오류가 나는곳의 주소를 알려주시면 더 빠르고 정확하게 답변 받을 수 있습니다.
오류 주소 : http://ratiaclinic.com/
jQuery를 이용하여 아래로 전체가 슬라이딩되는 메뉴를 만들었습니다.
<style>
#background_div {position:fixed; top:0; left:0;width:100%; height:100%; z-index:1; text-align:center;}
#container2 { position: relative; }
#menu{ width: 0px; height: 0px; }
#allmenu{ display: none; width: 1024px; height: 225px; top: 145px; left:0px;position: absolute; z-index: 999999; }
.buttonContainer{ float: right; }
</style>
<script charset="utf-8">
$(document).ready(function() {
$(".allButton").mouseover(function(){
$("#allmenu").slideDown("slow");
}).mousedown(function(){
$("#allmenu").slideup("slow");
});
});
</script>
<tr class="allButton">
................ 메뉴 구성부분
<!-- sub 메뉴 부분 -->
<tr id="allmenu" >
<td colspan="10" valign=top><? include("$g4[path]/matic_sub_menu.php"); ?></td>
</tr>
현재 마우스를 올리면 슬라이드가 다운이 잘되고... 서브가 클릭할떄까지 정지상태로 잘 있습니다.
여기에 한가지를 추가하고 싶은데..
서브 단에서 마우스가 나가면 슬라이드가 업 되도록 말이죠...
어떤걸 추가하면 될까요 ?
오류 주소 : http://ratiaclinic.com/
jQuery를 이용하여 아래로 전체가 슬라이딩되는 메뉴를 만들었습니다.
<style>
#background_div {position:fixed; top:0; left:0;width:100%; height:100%; z-index:1; text-align:center;}
#container2 { position: relative; }
#menu{ width: 0px; height: 0px; }
#allmenu{ display: none; width: 1024px; height: 225px; top: 145px; left:0px;position: absolute; z-index: 999999; }
.buttonContainer{ float: right; }
</style>
<script charset="utf-8">
$(document).ready(function() {
$(".allButton").mouseover(function(){
$("#allmenu").slideDown("slow");
}).mousedown(function(){
$("#allmenu").slideup("slow");
});
});
</script>
<tr class="allButton">
................ 메뉴 구성부분
<!-- sub 메뉴 부분 -->
<tr id="allmenu" >
<td colspan="10" valign=top><? include("$g4[path]/matic_sub_menu.php"); ?></td>
</tr>
현재 마우스를 올리면 슬라이드가 다운이 잘되고... 서브가 클릭할떄까지 정지상태로 잘 있습니다.
여기에 한가지를 추가하고 싶은데..
서브 단에서 마우스가 나가면 슬라이드가 업 되도록 말이죠...
어떤걸 추가하면 될까요 ?
댓글 전체
$(document).ready(function() {
$(".allmenu").mouseout(function(){
$("#allmenu").slideup("slow");
});
});
마우스가 아웃되면 슬라이드업되면 될 것 같은데요.
$(".allmenu").mouseout(function(){
$("#allmenu").slideup("slow");
});
});
마우스가 아웃되면 슬라이드업되면 될 것 같은데요.

죄송합니다... 이렇게는 이미 해 봤는데 ... 안되더라구요...