当一个不同的div悬停时改变背景

Question

我是网页设计的新手，我现在正在努力创建我网站的一部分，我需要以某种方式实现这一目标：

当身体背景的一部分被淹没时，将背景更改为“B”，当鼠标未超过该部分时，我需要将其更改回背景“A”。

我在这里看到了一些例子，但由于我是初学者，我不知道如何使用javascript，如果你能在这里给我一些启示，无论是纯CSS还是如何应用javascript。

这就是我到目前为止:(我尝试使用javascript）jsFiddle

body {
    background-image:url(http://s5.postimg.org/6qbplw2xj/Background_main.jpg);
    background-position:top center;
    background-repeat: no-repeat;
    background-color:black;
    height:800px;
    width:800px;
}

这就是我想在COCONUT被撤消时出现的内容：

Answer 1

http://jsfiddle.net/AGbRH/2/

这是有效的，（当然悬停div并不完全适合水果）

<li>...</li>

在上一个示例中，您从未关闭“li”标记。记住，总是关闭他们。