Question

我要做的是将视频保存在.slideDown中直到mouseout文本和视频，这可能吗？这是我的代码，直到现在

#text和#video都是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;
}

我找了一个解决方案但找不到合适的东西。谢谢

Answer 1

我不是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/

JQuery slideDown slideUp mouseover mouseout

1 个答案: