2013-04-26 35 views
2

내가하려는 것은 mouseout 텍스트와 비디오까지 .slideDown에 비디오를 유지하는 것입니다. 여기JQuery slideDown slideUp mouseover mouseout

<script> 
$(document).ready(function(){ 
    $("#text").mouseover(function(){ 
    $("#video").slideDown("slow"); 
    }); 
    $("#video").mouseout(function(){ 
    $("#video").slideUp("slow"); 
    }); 
}); 
</script> 

CSS :

#text 
{ 
margin-top:20px; 
float:center; 
font:VNF-Museo; 
font-size:40px; 
color: #333; 
margin-left:auto; 
margin-right:auto; 
} 

#video 
{ 
display:none; 
width:1024px; 
height:278px; 
} 

내가 해결책을 찾았다하지만 수 여기에 지금까지

모두하는 #text와 #video 여기

JS를 div에 있습니다 내 코드는 가까이있는 것을 찾아라. 감사합니다

답변

5

나는 이것이 당신이 뭘 하려는지 100 % 확실하지 않다,하지만 난이 도움이되기를 바랍니다 :

HTML :

<div id="wrap"> 
    <div id="text">text</div> 
    <div id="video">video</div> 
</div> 

JS :

$(document).ready(function(){ 
    $("#wrap").mouseover(function(){ 
    $("#video").stop().slideDown("slow"); 
    }); 
    $("#wrap").mouseout(function(){ 
    $("#video").slideUp("slow"); 
    }); 
}); 

실제 작업 예 : http://jsfiddle.net/ZyUYN/

+0

바로 내가 찾고있는 것입니다 ... 감사합니다! 나는 최종 결과를 게시 할 것이지만 당신은 그렇게 할 필요가 없다는 것과 같은 간단한 방식으로 넣는다. 건배 다니엘! – Alan

+0

첫번째 DIV 아래에 다른 DIV가 있으면 스크립트가 미쳐 버립니다. – Si8

+0

'.stop()'메소드가 그것을했습니다! 매일 학습, THX –