So setzen Sie CSS zurück, bevor Sie die Sequenz wiederholen

Ich bin neu in JS und JQuery - ich habe in den 80ern Basic programmiert und obwohl ich ein skizzenhaftes Verständnis für Variablen und Arrays habe, muss ich zugeben, dass ich mich nicht mit allen Klammern in js auseinandersetzen muss. Ich kenne CSS und HTML gut.

Durch das Googeln habe ich fast das, was ich will, nämlich, dass eine Textzeile von R nach L verschoben, ausgeblendet und eine neue Zeile das Gleiche getan wird. Vielleicht lassen Sie 4 dieser Textzeilen dies tun und unendlich wiederholen.

Um das Testen zu beschleunigen, habe ich die Verzögerungen verkürzt.

Das einzige, was ich nicht bekommen kann, ist, dass das CSS noch vorhanden ist: 400px müssen zurückgesetzt werden, bevor die Animation von vorne beginnt.

Ich weiß nicht, was oder wo ich es ablegen soll, aber ich habe all dies an vielen Orten ausprobiert !! Ich habe hallo Welt benutzt, um zu zeigen, wo der Code aktiviert ist, es hat nicht geholfen.

//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!");

Ich verstehe noch nicht sehr viel über JQuery, aber ich habe den größten Teil des Codes, den ich verwende, auf mehreren Frage-Antwort-Websites gesehen, einschließlich hier. Ich habe einige Kommentare in den Code kopiert, um zu verstehen, was passiert. Ich habe meine erste Jsfiddle gemacht, um den Code zu zeigen. Es beginnt sofort

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

Ich hoffe hier kann mir jemand helfen, das CSS wieder auf links zurückzusetzen: 400px nach den 4 Animationen. Momentan funktionieren die ersten vier Sätze, dann bleiben alle Wörter auf dem Bildschirm hängen und gehen nicht zurück nach links: 400px

rauben

Antworten auf die Frage(1)

Ihre Antwort auf die Frage