0 
<html>
<head>
<style>
div{
  border: 1px solid black;
  width : 150px;
  height: 150px;
}
p{
   width : 100px;
   border: 1px solid black;

}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
window.onload = function(){
  $("div").hide();

  var para = document.getElementsByTagName("p");
   para[0].onmouseover = function(){
       $("div").stop().slideDown('slow');
   }

   para[0].onmouseout = function(){
       $("div").stop().slideUp('slow');
   }
}
</script>
</head>
<body>
<p>show div</p>
<div>
</div>

</body>
</html>

这是我的代码，实际上我想在实际鼠标移入或移出段落时停止上一个动画。但是我意识到，当我快速进出鼠标时，在某些时候，当鼠标再次进入段落时，它只会向下滑动到上次停止的高度。解决方案是将 的第二个参数设置stop为true。那么当前动画不仅停止，而且立即跳转到最终值。这实际上不是预期的效果。我该怎么解决这个问题？？

4

0 回答 0