我似乎无法解决这个小问题。当我使用类 .nav_button 将鼠标悬停在 div 之外时,不透明度会发生变化,但是从底部向上移动 15px 的按钮似乎在第二个处理程序中没有生效?
JS:
$(document).ready( function(){
$('.nav_button').hover(
function(){
$(this).animate({top:'15px',opacity:'0.5'},'slow')
},
function(){
$(this).animate({bottom:'15px',opacity:'1'},'slow')
});
});
CSS:
.nav_button{
height:80px;
width:90px;
margin-right:3px;
border-radius:5px;
border:2px solid #555879;
background-color:#2182c2;
display:inline-block;
position:relative;
}