使用Jquery移动css顶部位置

时间:2012-12-04 21:21:41

标签: jquery css

以下代码似乎不起作用。如何更改它以使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' );
});

1 个答案:

答案 0 :(得分:2)

您需要在position:absolute的样式中添加position:fixed#altLevel才能更改其位置。另外,给它一个默认位置top: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/