Lava lamp menu - how to change text color inside hover box

Question

I have implemented Lava Lamp menu using jQuery. I would like to know if it is possible to change color of text inside hover box.
For e.g.
Below is the default lamp menu where hover box is on "Home" and font color of text inside hover box is red whereas all other text color is black

Below is the image in which hover box is moving on "Community". Notice the text color inside hover box is being changed to red and all other text color is black.

Below is html snippet :

<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>

Thank you in advance.

Answer 1

Take a look Here, or the actual Article. The second example in conjunction with background-origin should do the trick I believe.