Question

我正在尝试使用jQuery水平移动一个随机定位的内联<a>。

在阅读完之后，您似乎必须将元素的位置从默认的“静态”更改为“相对”。

但是不能只为position().left值设置动画吗？

无法理解，因为大多数答案都需要动态left，这需要poistion: relative。

Answer 1

但是不能只为position().left值设置动画吗？

那么，是 position().left值？

jQuery并不神奇。在幕后，animate方法只是反复修改element.style.left以创建平滑过渡。 element.style是一个便利属性，允许您修改元素的style属性的内容，而这又是将CSS规则应用于特定元素的一种方式。

所以回答你的问题：不，你不能。

Answer 2

这是使用jQuery进行简单元素动画的主要思想，正如我所看到的那样：

HTML：

<a id="moving" href="#">test</a>

的CSS：

#moving{position:relative;}

jQuery的：

$(function(){
    $('#moving').animate({ left: '+=800' }, 8000); // this is RELATIVE positioning
    // or
    $('#moving').animate({ left: '1000px' }, 8000); // this is ABSOLUTE positioning
});

希望有所帮助。

动画内联元素的位置（）。左

2 个答案: