看看:a link .您可以看到当您将鼠标悬停在顶部菜单栏上时，顶部菜单栏上的图标会变成蓝色，而且当您将鼠标悬停在其上时，它下方的页面链接会变成白色......我希望当您将它们悬停时，它们都会产生悬停效果将鼠标悬停在一个或另一个上...本质上，当您将鼠标悬停在页面链接上时，我希望图标变为蓝色，而当您将鼠标悬停在图标上时，我希望页面链接变为白色(显然我想要唯一的图标当适当的页面链接悬停时，页面链接上方会亮起，反之亦然)。
我正在使用 jquery 实现图像悬停效果...
而页面链接代码只是简单的css hover一段代码。我希望以某种方式将这两个链接为一个单元。
我还想知道点击后图标是否会一直亮着(以显示您在哪个页面)...
还有...
我有一个问题，当网站最小化为一个较小的窗口时...当您水平滚动时... wrapper 被切断，您看到的只是空白!我玩了很多，没用!我向左漂浮，但后来无法居中!
如果有人能帮助解决这两个问题，将不胜感激!
最佳答案
这并不难实现。而不是使用 a:hover , 使用 li:hover a ，当您将鼠标悬停在 <li> 的任何部分时，它将起作用，无论是链接还是图像。
预览:http://jsfiddle.net/Wexcode/FZjzG/
如您所见，我实际上删除了您的图像标签并将其作为背景图像放置在您的 <a> 中标签。这种技术比使用图像和 jQuery 要好得多。
如果您喜欢使用这种技术，还有更好的方法。继续阅读 CSS Sprites如果你有兴趣了解更多。
编辑:
要添加当前状态，您有两种方法。一个简单的方法就是添加类 current到作为“当前”页面的导航项。
参见:http://jsfiddle.net/Wexcode/FZjzG/1/
请在另一个问题中发布您的其他问题...您应该尝试在每个帖子中保留一个问题。
关于jquery - 将鼠标悬停在一个元素上会影响另一个元素吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8462442/