Hvordan du flytter objekter ved hjelp av Javascript

Javascript gir deg muligheten til å dynamisk legge ut objekter på en webside. Du kan dynamisk bevege et objekt med "venstre" og "høyre" egenskaper. Disse to egenskapene fortelle leseren hvor du vil plassere objektet. Endre piksel stedet flytter objektet på tvers av nettleseren skjermen.

Bruksanvisning

1 Høyreklikk HTML-fil som inneholder objektet. Klikk "Åpne med" og dobbeltklikk på Javascript eller HTML editor du foretrekker å bruke for å endre koden.

2 Bla til plasseringen av "script" tag. Javascript kjører i "script" tags. Hvis du ikke har et script tag, kopier og lim inn følgende kode i HTML-filen:

<Script type = "text / javascript"> </ script>

3 Skriv inn følgende kode i skriptkodene å flytte objektet:

Var objekt = document.getElementById ( "image");

object.left = 200;

Koden ovenfor setter et bilde objekt til "objekt" variabel. Gjenstanden blir så satt i stilling 200 på den venstre siden av brukerens skjerm. For eksempel, hvis bildet er plassert på pixel 400, deretter objektet beveger seg mot venstre på skjermen.