jquery点击背景pos Y + count++答案

【问题标题】：jquery click background pos Y + count++jquery点击背景pos Y + count++
【发布时间】：2013-07-20 11:24:34
【问题描述】：

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

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

我似乎无法让 count++ 工作，请在此处查看 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');
});

【问题讨论】：

你试过用你的逻辑绑定点击吗？

标签： javascript jquery

【解决方案1】：

尝试：

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

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

工作示例here。

【讨论】：

谢谢乔纳森。效果很好:)我也试过了，但语法错误。非常感谢

【解决方案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/

【讨论】：