jquery - 为什么我无法通过 JQuery 移动图像?

标签 jquery html

当我按下键盘上的某个键时,我尝试使用 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>

非常感谢!

最佳答案

这是您唯一应该更改的内容:

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

关于jquery - 为什么我无法通过 JQuery 移动图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22895146/

相关文章:

javascript - 有没有办法阻止浏览器缓存滚动位置和缩放级别等值?

javascript - Html/JS 在模糊/聚焦后在输入中显示密码

javascript - FB ID 返回为未定义

javascript - 如何选择 DuckDuckGo 元素。 Ajax

javascript - jquery 在您键入时读取并比较单词

javascript - 如何保护我的 html 元素值?

html - 如何扩展我的 Chrome 扩展程序的弹出窗口

javascript - Tinymce 编辑器在粘贴文本时去除所有样式但保留项目符号和表格

javascript - 调用时不显示 jQuery 对话框

java - 调用 onclick rich tab 将光标放在文本字段中