마우스오버시 클래스 호출 시키려면 정보
마우스오버시 클래스 호출 시키려면
관련링크
본문
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<style>
#background_div {position:fixed; top:0; left:0;width:100%; height:100%; z-index:1; text-align:center;}
#container{ position: relative; }
#menu{ width: 958px; height: 0px; }
#allmenu{ display: none; width: 1024px; height: 225px; top: 157px; left:20px;position: absolute; z-index: 999999; }
.buttonContainer{ float: right; }
</style>
<a href="<?=$g4[path];?>/bbs/board.php?bo_table=age_2" class="allButton" >
이렇게 하면 마우스 클릭시 클래스가 호출 되는데 이것을 마우스를 올리면 클래스가 나오고 클릭하면 url로 이동시키고 싶습니다.
슬라이딩 메뉴가 내려오게 하는 것인데
마우스를 클릭해야만 클래스가 호출되고 url로 이동하지 못합니다.
문제를 해결할 방법은 없을까요 ?
<style>
#background_div {position:fixed; top:0; left:0;width:100%; height:100%; z-index:1; text-align:center;}
#container{ position: relative; }
#menu{ width: 958px; height: 0px; }
#allmenu{ display: none; width: 1024px; height: 225px; top: 157px; left:20px;position: absolute; z-index: 999999; }
.buttonContainer{ float: right; }
</style>
<a href="<?=$g4[path];?>/bbs/board.php?bo_table=age_2" class="allButton" >
이렇게 하면 마우스 클릭시 클래스가 호출 되는데 이것을 마우스를 올리면 클래스가 나오고 클릭하면 url로 이동시키고 싶습니다.
슬라이딩 메뉴가 내려오게 하는 것인데
마우스를 클릭해야만 클래스가 호출되고 url로 이동하지 못합니다.
문제를 해결할 방법은 없을까요 ?
댓글 전체
슬라이드가 오르내리는 작동을 하게 하는 부분이 자바스크립트 부분인데 그곳을 보여줘야...
스크립트에 보면 click이라는 부분이 클릭하면 작동되는 곳입니다 mouseover 로 바꾸면 됩니다
그런데 다른 메뉴로 마우스를 이동했을때 처리가 안되어잇네요
스크립트에 보면 click이라는 부분이 클릭하면 작동되는 곳입니다 mouseover 로 바꾸면 됩니다
그런데 다른 메뉴로 마우스를 이동했을때 처리가 안되어잇네요
<script charset="utf-8">
$(function(){
$(".allButton").click(function(e){
e.preventDefault();
$("#allmenu").slideToggle("slow");
});
});
</script>
jQuery 소스 인데요... 어디를 고쳐야 할까요 ?
$(function(){
$(".allButton").click(function(e){
e.preventDefault();
$("#allmenu").slideToggle("slow");
});
});
</script>
jQuery 소스 인데요... 어디를 고쳐야 할까요 ?
<script charset="utf-8">
$(function(){
$(".allButton").mouseover(function(e){
e.preventDefault();
$("#allmenu").slideToggle("slow");
});
});
</script>
이렇게 바꿔보세요
$(function(){
$(".allButton").mouseover(function(e){
e.preventDefault();
$("#allmenu").slideToggle("slow");
});
});
</script>
이렇게 바꿔보세요
그렇게 바로 해 봤습니다.
수정해서 다시 사이트에 적용 되었는데....
잘 되는것 같은데 문제가 바로 메뉴마다 슬라이드가 오르락 내리락...
음... 저걸 어떻게 해결 할 수 있을지....
이 문제 해결 하실 수 있는분 없으려나 !!!
수정해서 다시 사이트에 적용 되었는데....
잘 되는것 같은데 문제가 바로 메뉴마다 슬라이드가 오르락 내리락...
음... 저걸 어떻게 해결 할 수 있을지....
이 문제 해결 하실 수 있는분 없으려나 !!!
이 같은 경우는 각 메뉴 마다 걸면 안되고요
각 메뉴 위에 있는 tr 에다가 allButton 라는 클래스를
주면 됩니다. 각 메뉴에는 allButton 를 없애고요.
각 메뉴 위에 있는 tr 에다가 allButton 라는 클래스를
주면 됩니다. 각 메뉴에는 allButton 를 없애고요.