Question

我有一个带有设置高度的溢出的div，里面我有一个位置相对和顶部的图像：0px

我想知道如何向css位置顶部添加计数：0px所以每次用户点击“向上按钮”时，图像在div内向上移动10px。

我似乎无法让计数++工作，请在此处查看JS Fiddle：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/

jquery点击背景pos Y + count ++

2 个答案: