2011-11-26 69 views
0

我已經實現了使用jQuery的熔岩燈菜單。我想知道是否有可能改變懸停框內的文字顏色。
例如,
下面是默認的燈菜單,懸停框上的「家」和懸停框裏面的文字的字體顏色是紅色的,而所有其他的文本顏色爲黑色熔岩燈菜單 - 如何更改懸停框內的文本顏色

Default lava lamp menu

下面是其中懸停框圖像正在推進「社區」。請注意,懸停框內的文本顏色正在變爲紅色,而所有其他文本顏色均爲黑色。

Lava lamp menu when hovered on Community - hover box is moving

下面是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> 

預先感謝您。

+0

你應該把它放在JSfiddle –

+0

最簡單的方法是在懸停框中放置透明png,並設置一些濾色片和透明膠片,但我不認爲這是你在這裏問的解決方案。 – Zoidberg

回答

1

看看Here,或實際Article。第二個例子與background-origin一起應該可以做到我相信的技巧。

+0

我提到,2天去,但它仍然沒有溢出解決我的問題:( – Vin