DIV悬停使另一个DIV移动

DIV Hover makes the other DIV Move

本文关键字：DIV 移动 另一个 悬停      更新时间：2023-09-26

我想请求你的帮助。

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样式(from) Top:-50px;上图:30 px;

如果有人可以帮助我做这个javascript?谢谢你！

如果我没弄错的话，你是在做这样的事情吗?

比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;
}
相关文章：