Jquery延迟CSS div位置

Question

我试图在大约 5 秒不活动超时后部分隐藏菜单栏。菜单位于距页面顶部 20 像素的位置，基本思想是，一旦菜单向上移动，菜单的一小部分仍然可见，以允许用户将鼠标悬停在其上以使其再次下拉(希望这使得感觉!)。

我已经管理了动画方面，但还没有完全解决超时问题。 有什么想法吗？

Answer 1

不幸的是 jQuery 没有延迟功能。但是，您可以使用偷偷摸摸且不太肮脏的技巧来模拟延迟，方法是将元素的不透明度从 1 动画到 1:

$('#visibleElement')               // Assuming the element is already shown
  .animate({opacity: 1.0}, 3000);  // do nothing for 3 seconds

因此，要在鼠标离开 5 秒后向上滑动菜单，您可以执行以下操作:

$('#menuDiv').mouseout(function(){
  .animate({opacity: 1.0}, 5000)
  .animate( slide up etc...
});