如何在重复序列之前重置css

Question

我是 JS 和 JQuery 的新手——我曾经在 80 年代进行基础编程，虽然我对变量和数组有一个粗略的了解，但我承认我没有掌握 js 中的所有括号。 我很了解 CSS 和 HTML。

通过谷歌搜索，我几乎得到了我想要的，即一行文本从 R 移动到 L，淡化和换行来做同样的事情。可能有 4 个这样的文本行这样做并无限重复。

为了更快的测试，我缩短了延迟。

我无法做到的一件事是在动画重新开始之前重置 CSS left:400px。

我不知道该放什么或放哪里，但我已经在很多地方尝试了所有这些！ 我用 hello World 向我展示了代码在哪里被激活，它没有帮助。

//function reset(this){  $(this).removeAttr('style');}
//$(this).css('left', '500');
//$(elements).css('left', '500');
//removeAttr( 'style' );
//$("elements").removeAttr("style");
//$("#elements").removeAttr("style");
 //.text("Hello World");
//$("#Test1").text("Hello, world!");

我对 JQuery 还不是很了解，但我已经在包括这里在内的几个问答网站上看到了我使用的大部分代码，我将一些 cmets 复制到代码中以帮助我了解正在发生的事情。 我做了我的第一个 jsfiddle 来显示代码。它立即开始

http://jsfiddle.net/Stingraynut/Bf49z/3/

我希望这里有人可以帮助我在 4 个动画之后将 CSS 重置回 left:400px。目前第一组4个作品然后文字都出现卡在屏幕左侧，它们不会回到左侧：400px

罗伯

Answer 1

很多 jQuery 函数都有一个 callback function。在这种情况下特别有用的是.fadeOut() 函数的回调。通过更改回调函数中的 CSS，可以在过渡后将其移回。

$self.fadeOut(200, function(){
     $(this).css("left", "400px");   
 });

JSFiddle