2013-04-26 104 views
2

我想要做的是保持视频在.slideDown,直到鼠标文本和视频,这是可能的吗?这里是我的代码至今JQuery slideDown slideUp mouseover mouseout

两个#text和#部影片都div的

JS这里:

<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; 
} 

我找了一个解决方案,但不能找到关闭的东西。 谢谢

回答

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 2013-04-26 08:34:25

+0

在第一个DIV下方有另一个DIV使脚本变得疯狂。 – Si8 2014-07-01 19:01:47

+0

'.stop()'方法做到了!每天学习,thx – 2015-02-13 01:33:23