JavaScript Wie kann ich einen Cookie/+ 1 Animation

Hallo ich, was ein Bild von einem Cookie plus eine Zeichenfolge von "+1" zu erscheinen und verschwinden jedes Mal, wenn der Benutzer auf das Cookie-Bild klickt.JavaScript Wie kann ich einen Cookie/+ 1 Animation

similair auf diese Website: http://orteil.dashnet.org/cookieclicker/

Sie mein Projekt finden Sie hier: http://www.chri126g.wigf1.sde.dk/Javascript/cookieclicker2/

Gerade jetzt, wenn Sie das Cookie auf die Schaltfläche „Cookies“ Schritt mit 1, wie kann ich ein Cookie erscheint beim Klicken ? mit +1? an der Stelle, wo auch meine Maus cusor ist? Bitte

beachten Sie, dass ich nicht noch werde ich jQuery verwenden :) so können Sie sauber Vanille JS diskutieren :)

Quelle

2017-01-06 Christian Lauridsen

Sie sollten: 1. Laden der Seite ein Bild des Cookies laden werden sichtbar/unsichtbar 2. Sie eine Bibliothek wie jQuery verwenden können, um die Animation zu tun, haben einen Blick auf http://api.jquery.com/animate/ Sie die Dauer angeben, die Art der transoformation usw.

Quelle

2017-01-06 16:45:01

Ich benutze jQuery nicht:/ –

tun dies allein würde wahrscheinlich eine Timer-Funktion machen und manuell die Position des Bildes neu positionieren. Wenn Sie können eine Bibliothek wie jQuery/else verwenden, wird dies die Aufgabe viel einfacher. –

Ich spreche nicht über "einfach" ... Unser Lehrer und alle anderen Coding Lehrer an unserer Schule sagt uns, nie jemals jQuery, seine Bloat und nur für noobs :) –

Sie könnten der Text erscheinen/verschwinden mit dem „Onclick machen "Ereignisauslöser. Wenn Sie jQuery verwenden können Sie es auch gerne animieren:

$(xxxx).fadeIn(1500).fadeOut(1500);

eine versteckte div mit dem Text und absolute Position verwenden, so können Sie es in und aus machen verblassen.

Quelle

2017-01-06 16:45:46 LordNeo

Ich benutze nicht jQuery:/ –

dann eine einfache js add Klasse zum Hinzufügen und Entfernen von Animationen: 'var d = document.getElementById (" div1 "); d.className + = "otherclass"; ' – LordNeo

Dies wurde früher versucht, aber dident funktioniert wie erwartet –

JavaScript Wie kann ich einen Cookie/+ 1 Animation

Antwort

Verwandte Themen