jQuery高级hover和fadeIn函数

时间:2011-02-11 22:56:49

标签: 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 fade之后,当鼠标移动到DIV时,当鼠标移开时(H1除外)将保持打开状态,以便它淡入。

1 个答案:

答案 0 :(得分:0)

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

希望有所帮助