jQuery 高级悬停和淡入功能

标签 jquery hover fadein fadeout

有没有可能是我劳累过度,在寻找一个相当原始的问题:) 我有以下 HTML 代码:

<h1 class="cloud"><a>bla</a></h1>
<div class="caption">
 <img ...../> etc
</div>

jQuery

$(".cloud").hover(function() {
    var pos = $(this);
    var position = pos.position();
    $(this).next().css({ 'top' : position.top+45});
    $(this).next().css({ 'left' : position.left+12});
    $(this).next().slideDown("slow");
  } , function() {
    $(this).next().slideUp("slow");
});

我需要使 DIV 在鼠标放在其上时不会淡出。因此,在移动到H1后,当鼠标移动到DIV时,当鼠标移开时将保持打开状态(H1除外),以便它淡入。

最佳答案

也许不完全是你正在寻找的东西,但如果你将你的 html 包裹在 div 周围,你就可以处理它。 这是一个例子:http://jsfiddle.net/vmHaf/1/

希望有帮助

关于jQuery 高级悬停和淡入功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4974901/

相关文章:

c# - 使用 DataTable.js 在 asp.net gridview 中使用下拉列表进行列式过滤器

jquery - 在 jQuery 中选择后代元素最快的方法是什么?

html - 是否可以在 CSS 中处理 mouseout on::after 伪类?

jquery - 如何禁用 owl carousel 2 中的滑动效果?

jquery - jquery fadeIn 是如何工作的?对 animate() 做同样的事情

jquery - 仅在 Y 轴上更改 CSS 背景位置

javascript - 使用 setTimeout 更新变量和运行函数

javascript - 从背景图像淡化到悬停

html - 将 html 中的悬停消息悬停在按钮上

jquery - 使用 jQuery 淡入背景图像