看看：a link。当您将鼠标悬停在顶部菜单栏上时，您会看到顶部菜单栏上的图标变为蓝色，并且当您将鼠标悬停在其下方的页面链接上时，它们会变为白色......将鼠标悬停在一个或另一个上...本质上，当您将鼠标悬停在页面链接上时，我希望图标变为蓝色，并且当您将鼠标悬停在图标上时，我希望页面链接变为白色（显然我想要唯一的图标当适当的页面链接被悬停时，页面链接上方会亮起，反之亦然）。
我正在使用 jquery 来实现图像悬停效果...
而页面链接代码只是一个简单的css悬停代码。我希望这两者能以某种方式作为一个整体联系在一起。
我还想知道点击后图标是否会一直亮着（以显示您所在的页面）...
还...
我有一个问题，当网站最小化到一个较小的窗口时......当你水平滚动时......包装被切断，你看到的只是空白！我已经玩了很多，它没有用！我做了一个向左浮动，但后来我无法居中！
如果有人能帮助解决这两个问题，将不胜感激！
【问题讨论】：
标签： jquery html css hover grouping
这并不难实现。不要使用a:hover，而是使用li:hover a，当您将鼠标悬停在<li> 的任何部分上时，无论是链接还是图像，它都可以使用。
预览：http://jsfiddle.net/Wexcode/FZjzG/
如您所见，我实际上删除了您的图片标签并将其作为背景图片放置在您的<a> 标签内。这种技术比使用图像和 jQuery 要好得多。
如果您喜欢使用这种技术，还有更好的方法。如果您有兴趣了解更多信息，请阅读CSS Sprites。
编辑：
要添加当前状态，您有两种方法。一种简单的方法是将类 current 添加到导航项，即“当前”页面。
见：http://jsfiddle.net/Wexcode/FZjzG/1/
请在另一个问题中发布您的其他问题...您应该尝试在每个帖子中保留一个问题。
【讨论】：
使用 javascript 交换图像已经很老套了。您可能应该将img 和a 合并为一个元素并使用css hover selector 交换背景图像（like so）。
[编辑]：Here's an example using css-sprites.如果你打算使用精灵，你可能应该将所有这些导航图像合并到一张图像中以节省 http 请求。
【讨论】：