0

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

我在 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"
                });
   });

但是图像没有向上移动

我在做什么错误？

谢谢：）

4

5 回答 5

2

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

小提琴

还有这个

if (wind_moveup_click != 7) {
    $('#indImage').animate({
    });
}
于 2013-07-04T07:26:59.740 回答
2

这是小提琴

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"
        });
    }
});
于 2013-07-04T07:28:35.950 回答
1

添加position:absolute到您的 img CSS。

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

JSFIDDLE

就像@Ohgodwhy 正确地说：

位置可以是静态以外的任何东西

这意味着您可以在absolute、relative等之间进行选择fixed。

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

于 2013-07-04T07:24:50.483 回答
0

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

<div style="position: relative;">
于 2013-07-04T07:24:35.633 回答
0

编辑为，

$('#indImage').animate({
  marginTop : "-2px",
});
于 2013-07-04T07:27:38.067 回答