CSS：在另一个div上改变div的属性a：悬停。有可能？怎么样？

Question

请参阅此fiddle请 我要做的是将鼠标悬停在a - #menu ul li内的标记上，background-color的{​​{1}}颜色也必须更改为类似于#header-bottom的background-color - 标记。 我怎样才能做到这一点？

更新
用CSS只用yippie完成这个！ :) Here is the fiddle

Answer 1

这是一个jQuery方法（抱歉为我这个javascript做太多的努力）。它可以翻译。

http://jsfiddle.net/PCbVs/9/

$('.menu').hover(

function() {
    var color = $(this).css('borderLeftColor');
    console.log(color);
    $('#header-bottom').css('backgroundColor', color);
}, function() {

});​

或者使用jQuery UI动画样式转换。

http://jsfiddle.net/PCbVs/10/

$('.menu').hover(

function() {
    var color = $(this).css('borderLeftColor');
    console.log(color);
    $('#header-bottom').stop().animate({ backgroundColor: color }, 500);
}, function() {

});​