3

この小さな問題を理解できないようです。クラス .nav_button を使用して div の外に移動すると、不透明度が変化しますが、ボタンを下から 15 ピクセル上に移動しても、2 番目のハンドラーで効果がないように見えますか?

J:

$(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;

}
4

1 に答える 1

1

このような？デモhttp://jsfiddle.net/yeyene/kNts8/

Jクエリ

$(document).ready( function(){
    $('.nav_button').hover( 
    function(){
    $(this).stop().animate({top:'-15px',opacity:'0.5'},'slow')
    },
    function(){
    $(this).stop().animate({top:'15px',opacity:'1'},'slow')
    });
});

CSS

.nav_button{
    background:red;
    position:relative;
    top:0px;
    padding:0 5px;
    z-index:100;
}
于 2013-06-12T07:10:43.593 に答える