jquery - 如何在重复序列之前重置 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 还不太了解，但我已经在包括此处在内的几个问答网站上看到了我正在使用的大部分代码，并且我将一些注释复制到代码中以帮助我了解正在发生的事情。我做了我的第一个 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