在 animate() 函数中，({ "marginLeft" :(-1*宽度)+ "px" }) 和 ({ "marginLeft" ： "-512px" }) 之间的任何差异

Question

我想实现字幕效果，发现如果我设置了listone.animate({"marginLeft":"-512px"})，它就不能正常工作；这是代码：

$(document).ready(function(){
    function marqueen(){
        var listone=$("ul").find("a").eq(0);
        var width=$("img").children().eq(0).width();
        listone.animate({"marginLeft":(-1*width)+"px"},1000,function(){
        $(this).parent("li").css("margin-left","0").appendTo("ul");
      });
    }
    setInterval(marqueen,2000);
});

Answer 1

在第一种情况下，宽度是动态的。这意味着在浏览器收缩或扩展时，或者在响应视图的情况下，将从该注册不同的width

var width=$("img").children().eq(0).width();

所以每次marginLeft都是不同的值

({“marginLeft”:(-1*width)+“px”})

在CCD_ 5中，该值总是固定为-512px&独立于任何其他参数