jquery - 按时间改变div位置

Question

我想每 200 毫秒更改一次 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);
});

Answer 1

根据我通过查看代码所见，您应该在 $("...").css 调用中使用对象而不是逗号列表。

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

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

请注意，当只更改一个值时，逗号分隔有效，但对于两个或多个值，需要一个 json 对象。

Check out different usages for .css here