Javascript DIV Hover使另一个DIV移动

我想请你帮忙

我想做的是，当你将徽标悬停在bendaggers上时，它旁边的小徽标将从顶部更改为css样式：-50px；顶部：30px

---

如果有人能帮我在javascript上做这件事？谢谢大家!

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

仅CSS就足以完成工作

CSS

---

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

仅CSS就足以完成工作

CSS

---

那太简单了！这是我第一次遇到+谢谢你的帮助@KareenLagasca只是一个提示，在类上使用transition，而不是类：悬停，这样它将在鼠标离开时平滑地移动到顶部-如果我问一个相关的问题，可以吗？当鼠标指针离开悬停的徽标时，是否可以进行另一种过渡效果？它能回到顶端吗：-40px@卡琳·拉加斯卡在你评论之前我已经回答过了：再次感谢你，外星人先生，你帮了大忙。4分钟后我会接受你的回答。网站阻止我访问。那太简单了！这是我第一次遇到+谢谢你的帮助@KareenLagasca只是一个提示，在类上使用transition，而不是类：悬停，这样它将在鼠标离开时平滑地移动到顶部-如果我问一个相关的问题，可以吗？当鼠标指针离开悬停的徽标时，是否可以进行另一种过渡效果？它能回到顶端吗：-40px@卡琳·拉加斯卡在你评论之前我已经回答过了：再次感谢你，外星人先生，你帮了大忙。4分钟后我会接受你的回答。该网站阻止我访问。

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

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