Question

即使看起来很容易，我也无法做到。

我在div中有一个图像，我应该上下移动图像而不是整个div。

HTML

<div>


<img src="Image/Scope.png" id="indImage" style="height:auto; max-height:80%; width:auto; max-width:90%;" />
</div>

的Javascript

  $("#moveUp").on('click',function() {

                alert($('#indImage').offset());


                if(wind_moveup_click != 7){
                $('#indImage').animate({
                marginTop : "-=2px"
                });
   });

但是图像没有向上移动

我正在做的错误是什么？

感谢：）

Answer 1

您在if语句中忘记了}。您还需要在wind_moveup_click语句中使用它之前定义if变量，但也许您已经这样做了，而不是在您发布给我们的示例中。

FIDDLE

和这个

if (wind_moveup_click != 7) {
    $('#indImage').animate({
    });
}

Answer 2

这是 FIDDLE

<强> HTML

<div>
    <img src="Image/Scope.png" id="indImage" style="height:auto; max-height:80%; width:auto; max-width:90%; position:absolute;" />
</div>
<input type="button" id="moveUp" value="Click Me!" style="margin-top:25px;" />

<强>的Javascript

$("#moveUp").on('click', function () {

    //alert($('#indImage').offset());
    var wind_moveup_click = 0;

    if (wind_moveup_click != 7) {
        $('#indImage').animate({
            marginTop: "-=2px"
        });
    }
});

Answer 3

将position:absolute添加到您的img CSS。

#indImage {
    position: absolute;
    height:auto;
    max-height:80%;
    width:auto;
    max-width:90%;
}

JSFIDDLE

像@Ohgodwhy正确地说：

该位置可以是静态
以外的任何其他位置

这意味着您可以选择absolute，relative，fixed等等。

但另一个大问题是您没有关闭if中已打开的{。所以你有语法错误。

Answer 4

尝试将css样式position: relative添加到<div>标记，例如：

<div style="position: relative;">

Answer 5

编辑为，

$('#indImage').animate({
  marginTop : "-2px",
});

在javascript中移动图像

5 个答案: