我有一个 <ul>与 A和 B作为其 <li>突出显示悬停效果。我还能够使用元素 A1 创建一个类似 Mac OS X 的扩展坞(受 Henrique Erzinger's CodePen 启发)。 , A2 , A3 , B1和 B2 .
有没有办法将列表中的元素与停靠栏中的元素联系起来，以便将鼠标悬停在列表项上会使链接的停靠栏元素成为焦点？
例如:
Hover A -> Focus/Enlarged A1, A2, A3
Hover B -> Focus/Enlarged B1, B2
这是我的 JSFiddle包含列表和停靠栏。
提前致谢。
最佳答案
是的，使用 JavaScript 是可能的。您必须使用类对停靠元素进行分组，例如 .groupA 和 .groupB，并给它们一个子类 .focused(因此.groupA.focused) 现在应该与停靠元素的 :hover 样式具有相同的样式。
当您将鼠标悬停在 A 或 B 上并分别切换停靠栏元素上的 .focused 类时，您的脚本应该会触发。
至少这是理论。您必须自己编写代码。
关于javascript - 将 <li> 元素绑定(bind)到按 id 停靠的元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53472435/