Question

有一点问题。我有一组3个白色元素，当我将鼠标悬停在其中任何一个上时，它们全部变为蓝色。我有一个javascript用于其中一个对象：

$(document).ready(function () {
$(".dl").hover(function (g) {
        $(".pdfasdf").show();
    },
    function (g) {
        $(".pdfasdf").hide();
    });
});

但我不确定如何将其他两个合并到代码中。这个当前的问题还有一个奇怪的跳跃问题，但我确信这只是我的css ..

如果有一种更简单的方法可以让所有3个蓝色变蓝，那么任何建议都会受到赞赏！由于元素导致蓝色效果出现很多问题：在我的css中悬停不能在jq中工作...

my jsfiddle

Answer 1

我只是在您的链接周围包裹了一个元素，设置了visibility: hidden;，然后在悬停时，所有子链接都是visibility: visible;。

我认为这就是你的意思，但我可能会弄错。 http://jsfiddle.net/ZEyKM/5/

display: none;不会渲染元素，因此您无法触发悬停在其上。

希望这能让你朝着正确的方向前进。一般来说，我避免使用内联样式属性，并使用jQuery以不使用类的方式更改外观。

祝你好运！

带有jquery的多个悬停元素

1 个答案: