jQuery的點擊背景POS Y +數+

Question

我有一個div溢出隱藏着一套高度和內我有一個相對位置和頂級的圖像：0像素

我想知道我怎麼可以添加一個計數css position top：0px所以每次用戶點擊「向上按鈕」時，圖片在div內移動了10px。

我似乎無法得到計數++工作，請參閱JS小提琴這裏：http://jsfiddle.net/michelm/wE2Tz/

//var count = 10++; 

$('#button_up').click(function(){ 
    $('#banner img').css('top', '-10px') ; 
}); 

$('#button_down').click(function(){ 
    $('#banner img').css('top', '10px'); 
}); 

Answer 1

嘗試用：

$('#button_up').click(function(){ 
    $('#banner img').css('top', '-=10px') ; 
}); 

$('#button_down').click(function(){ 
    $('#banner img').css('top', '+=10px'); 
}); 

工作實例here。

Answer 2

試試這個：

$('#button_up').click(function(){ 
    var currentTop = $('#banner img').position().top; 
    $('#banner img').css('top', currentTop - 10) ; 
}); 

$('#button_down').click(function(){ 
    var currentTop = $('#banner img').position().top; 
    $('#banner img').css('top', currentTop + 10) ; 
}); 

http://jsfiddle.net/3wEMz/