Question

当我按下键盘上的某个键时，我试图用JQuery将图像移动到白色，但它不起作用。谁能解决这个问题呢？

以下是代码：

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
    $(document).ready(function(){
        $(document).keydown(function(){
            $(document).find("img").animate({
                top:"+=100px",
            });
        });
    });
</script>
</head>
<body>
    <img src="player.jpg">
</body>
</html>

非常感谢！

Answer 1

$(document).ready(function(){
    $(document).keydown(function(){
        $('img').css('margin-top', '+=100px');
    });
});

希望这有效。

Answer 2

这是你唯一应该改变的地方：

<img style="position: relative" src="player.jpg">

Answer 3

您可能需要更改css

<style>
img {
  width:20%;
  display:block;
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
}
</style>

为什么我不能通过JQuery移动图像？

3 个答案: