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