javascript - 悬停淡出过渡,鼠标仍在其上

标签 javascript jquery css hover

我不知道如何在鼠标不离开 div 的情况下对 div 产生淡入/淡出效果。

我会尝试更好地解释它:

  1. 鼠标进入对象
  2. 对象淡入
  3. 延迟一段时间后,对象淡出,鼠标不离开该区域。

最佳答案

例如,您可以在 jquery 中执行此操作:

$('#id').fadeIn(1200).delay(1000).fadeOut(400);

如果你想在鼠标上操作,你可以这样做:

 $('#id').hover(function() {
          $('#id').fadeIn(1200).delay(1000).fadeOut(400);
        });

这可能不是您想要的,但我相信您可以从那里弄明白。

关于javascript - 悬停淡出过渡,鼠标仍在其上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32805941/

相关文章:

javascript - 使用 typescript 比较两个十进制值

javascript - 使用 JS 动态地将 SVG 放置在视口(viewport)中间

javascript - 切换div以显示隐藏

html - CSS(尤其是 CSS3)允许使用百分比宽度吗?

html - 调整浏览器大小时如何防止图像大小发生变化

javascript - jQuery - mousedown - 一段时间后做事并重复直到 mouseup

javascript - react native 获取 : second promise hanging

Jquery XML ie8 无法正常工作

javascript - jQuery 记住多个焦点事件的原始文本框值

CSS强制图像调整大小并保持纵横比