jquery 슬라이딩 메뉴 ??? 정보
jquery 슬라이딩 메뉴 ???
본문
오류가 나는곳의 주소를 알려주시면 더 빠르고 정확하게 답변 받을 수 있습니다.
오류 주소 : http://ratiaclinic.com/
<style>
#background_div {position:fixed; top:0; left:0;width:100%; height:100%; z-index:0; text-align:center;}
#container2{ position: relative; }
#menu{ width: 0px; height: 0px; }
#allmenu{ display: none; width: 1024px; height: 225px; top: 157px; left:20px;position: absolute; z-index: 999999; }
.buttonContainer{ float: right; }
</style>
<script charset="utf-8">
$(function(){
$(".allButton").hover(
function() {
$("#allmenu").slideDown("slow");
},
function() {
$("#allmenu").slideUp("slow");
}
);
});
</script>
==========================================================================
<tr id="allmenu" >
<td colspan="10"><? include("$g4[path]/age_sub_menu.php"); ?></td>
</tr>
-==========================================================================
마우스를 올리면 해당 <tr>에서 슬라이딩이 잘 내려옵니다.
그런데 부 메뉴로 가면 사리지는 문제를 해결 하고 싶습니다... 해결 좀 부탁 드립니다.
마우스 올리면 메뉴가 슬라이딩으로 나오고 (현재)
** 부 메뉴에 마우스가 있다면 정지 (바램)
마우스가 주, 부 메뉴에 올라있지 않으면 사라짐 (현재 된듯 ?)
** 저 부분을 어떻게 처리하면 될까요 ?
급하오니 제발 선처와 함께 전문가의 손길을 주세요...
오류 주소 : http://ratiaclinic.com/
<style>
#background_div {position:fixed; top:0; left:0;width:100%; height:100%; z-index:0; text-align:center;}
#container2{ position: relative; }
#menu{ width: 0px; height: 0px; }
#allmenu{ display: none; width: 1024px; height: 225px; top: 157px; left:20px;position: absolute; z-index: 999999; }
.buttonContainer{ float: right; }
</style>
<script charset="utf-8">
$(function(){
$(".allButton").hover(
function() {
$("#allmenu").slideDown("slow");
},
function() {
$("#allmenu").slideUp("slow");
}
);
});
</script>
==========================================================================
<tr id="allmenu" >
<td colspan="10"><? include("$g4[path]/age_sub_menu.php"); ?></td>
</tr>
-==========================================================================
마우스를 올리면 해당 <tr>에서 슬라이딩이 잘 내려옵니다.
그런데 부 메뉴로 가면 사리지는 문제를 해결 하고 싶습니다... 해결 좀 부탁 드립니다.
마우스 올리면 메뉴가 슬라이딩으로 나오고 (현재)
** 부 메뉴에 마우스가 있다면 정지 (바램)
마우스가 주, 부 메뉴에 올라있지 않으면 사라짐 (현재 된듯 ?)
** 저 부분을 어떻게 처리하면 될까요 ?
급하오니 제발 선처와 함께 전문가의 손길을 주세요...
댓글 전체
자문 자답이 되었군요.
<script charset="utf-8">
$(document).ready(function() {
$(".allButton").mouseover(function(){
$("#allmenu").slideDown("slow");
}).mousedown(function(){
$("#allmenu").slideup("slow");
});
});
</script>
<script charset="utf-8">
$(document).ready(function() {
$(".allButton").mouseover(function(){
$("#allmenu").slideDown("slow");
}).mousedown(function(){
$("#allmenu").slideup("slow");
});
});
</script>