Question

我正在尝试使用JQuery为对象设置动画，这样当你使用箭头键时它会移动。

    $(document).ready(function() {
$(document).keydown(function(key) {
    switch(parseInt(key.which,10)) {
        case 65:
            $('img').animate({left: "-=10px"},500);
            break;
        case 83:
        $('img').animate({top:"+=10px"},500);
            break;
        case 87:
        $('img').animate({up:"-=10px"},500);    
            break;
        case 68:
        $('img').animate({right:"-=10px"},500);
            break;
        default:
            break;
    }
});
});

这是我对图像的代码，但它不起作用。那些看起来不对劲的东西会立刻向你发出什么？

Answer 1

key.which已经是一个整数，不需要解析它，并且数字是错误的，CSS属性也是如此，没有up这样的东西，并且像top和left这样的CSS属性没有对静态元素的影响，所以你必须添加一个位置：

$(document).ready(function () {
    $(document).keydown(function (key) {
        switch (key.which) {
            case 37:
                $('img').animate({
                    left: "-=10px"
                }, 500);
                break;
            case 40:
                $('img').animate({
                    top: "+=10px"
                }, 500);
                break;
            case 39:
                $('img').animate({
                    left: "+=10px"
                }, 500);
                break;
            case 38:
                $('img').animate({
                    top: "-=10px"
                }, 500);
                break;
            default:
                break;
        }
    });
});

FIDDLE

使用JQuery动画

1 个答案: