Jquery 按时间更改div位置

我想每200ms更改一次我的div的左上方位置，为什么这个代码不起作用

$(document).ready(function(){
    setInterval(function () {
        //$('#quatao').css("top", "+=20"); it's work!!!!
        if (parseInt($("#quatao").css("top"),10) < 350) { 
             $("#quatao").css("top", "+=20", "left", "-=30");
         }
         else if (parseInt($("#quatao").css("top"),10) > 500) {
             $("#quatao").css("top", "-=20", "left", "+=30");
         }
    }, 200);
});

$（文档）.ready（函数（）{
setInterval（函数（）{
//$（'#quatao'）.css（“顶部”，“+=20”）；这是工作！！！！
如果（parseInt（$（“#quatao”）.css（“顶部”），10）<350{
$（“#quatao”）.css（“顶部”，“+=20”，“左侧”，“-=30”）；
}
else if（parseInt（$（“#quatao”）.css（“顶部”），10）>500）{
$（“#quatao”）.css（“顶部”、“-=20”、“左侧”、“+=30”）；
}
}, 200);
});

仅通过查看代码就可以看出，在$（“..”）.css调用中应该使用对象而不是逗号列表

$("#quatao").css({"top": "+=20", "left": "-=30"});

$("#quatao").css({"top": "-=20", "left": "+=30"});

注意，当只更改一个值时，逗号分隔起作用，但对于两个或多个值，需要一个json对象

---

您必须首先在CSS上设置顶部位置，否则“$”（“#quatao”）。CSS（“顶部”）应返回“auto”，而不是数字

可以简单地说：

<div id="quatao" style="top:0px;left:0px"></div>

---

检查这是否是您想要的：

我认为您还应该提到像

px

这样的单元。不，内联样式不是最好的选择。这个信息可能适合css文件，但是问题没有提到初始状态。虽然代码中存在逻辑问题，但一旦顶部达到360px，div就会停止移动。但我不知道作者的目的。