javascript - 从左到右和从右到左移动一个元素

Question

我想向右移动一个元素，然后再向左移动它。

我试过这样的:

this.style.left = '50px';
this.style.right = '50px';

但这行不通。我怎么能说，做第一行，当你完成后，做第二行？

因为我的 CSS 有 transition: all 0.65s，所以它看起来像一个动画。

我知道我可以用 CSS 和 jQuery 做到这一点，但请只使用纯 JavaScript!

Answer 1

据我所知，您缺少超时:

var self = this; // for passing content to closure
this.style.left = '50px';
setTimeout(function(){ // Timer
    self.style.right = '50px';
}, 650);

另外不要忘记在 CSS 中为您的元素添加 position: relative。

希望对您有所帮助，编码愉快!