从左到右，从右到左移动元素

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。

我希望它会有所帮助，快乐的编码！