DIV Hover让另一个DIV Move

Question

我想请你帮忙。

http://jsfiddle.net/perRL/9/

<div class="header-logo">
<a href="#"><img src="http://www.bendaggers.com/wp-content/themes/Anakin%20Skywalker/Images/BenDaggers%20Logo.PNG" /></a>
</div>

<div class="xbdlogo">
<img src="http://www.bendaggers.com/wp-content/themes/Anakin%20Skywalker/Images/Bendaggers%20Logo%20Two.PNG" />
</div>

我想要做的是当你将徽标悬挂在“弯曲”上时，它旁边的小徽标将会改变它的css样式（来自）顶部：-50px;到顶部：30px;

如果有人可以帮我在javascript上执行此操作？谢谢！

Answer 1

如果我没有错，你正在实现这样的目标吗？

Demo

只比CSS足以完成工作

CSS

.header-logo:hover + .xbdlogo {
    top:40px;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}