gpt4 book ai didi

jquery - 将鼠标悬停在一个元素上会影响另一个元素吗?

转载 作者:太空宇宙 更新时间:2023-11-04 05:14:39 25 4
gpt4 key购买 nike

看看: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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com