2

次のコードは機能していないようです。div の位置を上から変更するにはどうすればよいですか?

 div { width:220px; height:170px; margin: 10px 50px 10px 10px;
    background:yellow; border:2px groove; float:right; }

 #alt { width:20px; height:170px; margin: 10px 50px 10px 10px;
        background:blue; border:2px groove; float:right; }

  #altLevel { width:10px; height:20px; 
        background:red; border:2px groove;  }



$('div').mouseclick(function() {
$( '#altLevel').css( 'top', '+=10' );
});
4

1 に答える 1

2

位置を変更する前に、スタイルにposition:absoluteまたはを追加する必要があります。さらに、デフォルトの位置または好きなものを指定します。position:fixed#altLeveltop:0

#altLevel { 
    width:10px; height:20px; 
    position:absolute; top:0;
    background:red; border:2px groove;  
}

これを行うと、JavaScript は小さな変更で動作するはずです。

$('div').click(function() {
    $('#altLevel').css('top', '+=10');
});​

http://jsfiddle.net/mblase75/mGAKe/

于 2012-12-04T21:24:51.313 に答える