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

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

演示

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