2013-04-26 108 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