javascript - DIV Hover 使另一个 DIV 移动

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>

我想要做的是，当您将徽标“bendaggers”悬停时，它旁边的小徽标将从它的 css 样式（来自）顶部：-50px；到顶部：30px；

如果有人可以帮我在javascript上做到这一点？谢谢！

Answer 1

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

演示

仅 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;
}