Ich versuche, ein Bild über die Seite mit einer Zufallszahl zu verschieben, die sich auf das Bild verschieben wird. Ich habe die Zufallszahl zur Anzeige, also weiß ich, dass die Nummer generiert wird, aber mein Bild wird sich überhaupt nicht bewegen.Verschieben Sie ein Bild über die Seite eine zufällige Menge
Unten ist der HTML, JavaScript und CSS, die ich verwendet habe:
http://jsbin.com/bodajisihu/1/edit?html,css,js,output
http://jsbin.com/begafabuya/1/edit?html,css,js,output
Bitte überprüfen Sie diese bearbeitet JSBin.
Ich habe folgende Änderungen: 1. Sie versuchen left Wert als car1.style.left zu erhalten, die für ein Bild funktioniert nicht, wenn Sie left in externem Stil definiert haben. Sie mussten es inline machen. 2. Jetzt können Sie car1.style.left verwenden, aber es gibt immer noch eine Zeichenfolge mit 'px' daran angefügt, so ersetzt ich das mit .replace("px", ""). Aber ich denke, parseInt allein darauf achten könnte, dass etwas von Kürzen, so dass dieser Punkt kann Materie nicht
Bitte beachten Sie hier, dass car1 ist Bezug auf das Auto Element heißt var car1 = document.getElementById('car1');.
Bitte teilen Sie, was Sie getan haben. Fragen und Antworten sollten als Referenz für zukünftige Benutzer dienen, die möglicherweise das gleiche Problem haben. –
@Mike Danke! Mein Problem war, den Stil in einem externen CSS zu definieren. Nachdem ich den linken Stil im img-Tag definiert hatte, war mein Problem gelöst. – AJC
@AJC bitte markieren Sie die Antwort als akzeptiert, wenn es Ihr Problem gelöst hat. Vielen Dank. –
Sie falsch geschriebenen die Funktionsnamen. Es gibt ein "s" in "moveCars"
Das war nur ein Tippfehler. Ich habe das behoben und es funktioniert immer noch nicht. – AJC
Bitte teilen Sie Ihren Code in der Frage direkt und nicht als Link. Fragen müssen für weitere Referenz von anderen Benutzern gültig sein –