DIV 호버가 다른 DIV를 이동시킵니다.

Question

당신의 도움을 요청하고 싶습니다. 당신이 로고 "bendaggers", 그것을 CSS를 탑 (에서) 스타일로 변경됩니다 옆에 작은 로고 마우스를 가져 가면

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> 

는 난 할 노력하고있어입니다 : -50px을; ~ : 30px;

누구든지 자바 스크립트에서이 작업을 수행 할 수 있습니까? 고맙습니다!

Answer 1

내가 잘못하지 않았다면 다음과 같은 결과를 얻었습니까? CSS보다

Demo

에만 작업이

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