代码之家  ›  专栏  ›  技术社区  ›  Birk

jQuery.animate()问题

  •  7
  • Birk  · 技术社区  · 16 年前

    我正在尝试为无序的图像列表创建一个类似自动滚动/旋转木马的函数。

    当您将鼠标移到包含的div上时,它将调用一个函数,该函数的任务是为该div上的边距设置动画 <ul>

    $(".thumbs").animate({"margin-top": (currentMargin - 10) + "px"}, function(){
         console.log("margin-top" + (currentMargin - 10) + "px");
         running=false;
         });
    

    我在日志中看到了我想要的正确值,即动画认为它已完成。。。但我的div没有任何变化。

    是否有人知道是什么原因导致动画功能无法按预期工作?

    1 回复  |  直到 16 年前
        1
  •  17
  •   Ricardo Vega    16 年前

    尝试使用“marginTop”而不是“marginTop”。通常,当您使用CSS道具作为“border something”或“margin something”时,最好使用它的“normalized”版本,就像您在DHTML(styles.marginTop)中所做的那样。