Question

在下面的例子中，您可以看到当我将鼠标悬停在图像上时，黑匣子反弹。

我希望能够只悬停黑匣子。我无法理解我所缺少的东西。

另外，我想在黑盒子上添加一些CSS3。要做到这一点，我正在添加一个类.focus，但似乎无法正常工作。有什么建议吗？的Ta，

Answer 1

您正在<li>元素上绑定悬停事件，而不仅仅是<a>（黑匣子），因此当您将任何元素悬停在其中时会触发它列表元素。

将您的代码更改为：

// bind hover on the anchor element
$("#nav-shadow li a").hover(function() {
    var e = this;
    // remove the .find('a') as 'e' is the anchor
    $(e).stop().animate({
        ...
    }, 250, function() {
        ...
    });
    // use .sibling() instead of .find('img')
    $(e).siblings("img.width320").stop().animate({
        ...
    }, 250);
}, function() {
        ...
});

<强> DEMO

对于第二部分，我不知道你要解释的是什么......： - /

Jquery悬停函数光标悬停在它不应该的位置

1 个答案: