熔岩灯菜单 - 如何更改悬停框内的文字颜色

Question

我使用jQuery实现了Lava Lamp菜单。我想知道是否可以改变悬停框内文字的颜色 例如
下面是默认灯泡菜单，其中悬停框位于“Home”上，悬停框内文字的字体颜色为红色，而所有其他文字颜色均为黑色

下面是悬停框在“社区”上移动的图像。请注意，悬停框内的文本颜色正在变为红色，而所有其他文本颜色都是黑色。

以下是html代码段：

<ul class="lavalamp">
       <li class="default-item"><span>Home</span></li>
       <li><span>Community</span></li>
       <li><span>FAQ</span></li>
       <li><span>Contact Us</span></li>
       <li class="hover-box"></li> 
</ul>

提前谢谢。

Answer 1

看一看 Here ，或实际的 Article 。结合background-origin的第二个例子应该是我相信的技巧。