Question

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

通过谷歌搜索我几乎得到了我想要的东西，这是一行文字从R移动到L，淡入淡出和新线来做同样的事情。也许这些文本行中有4个这样做并无限重复。

为了加快测试速度，我缩短了延误时间。

我不能发生的一件事就是CSS左：在动画重新开始之前重置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/

我希望有人可以帮助我将CSS重置为左侧：4个动画后400px。目前第一组4个工作然后所有单词都出现在屏幕左侧，它们不会回到左侧：400px

罗布

Answer 1

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

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

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

1 个答案:

JSFiddle