DIV悬停让其他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

如果我没有错，你正在实现这样的事情？

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