Come spostare gli oggetti usando Javascript

February 19

JavaScript vi offre la possibilità di porre in modo dinamico fuori gli oggetti in una pagina Web. È possibile spostare in modo dinamico un oggetto utilizzando le proprietà "destra" "sinistra" e. Queste due proprietà indicano al browser dove posizionare l'oggetto. La modifica della posizione di pixel sposta l'oggetto sullo schermo del browser.

istruzione

1 Fare clic destro sul file HTML che contiene l'oggetto. Fai clic su "Apri con" e fare doppio clic l'editor JavaScript o HTML si preferisce utilizzare per modificare il codice.

2 Scorrere fino alla posizione del tag "script". JavaScript viene eseguito nei tag "script". Se non si dispone di un tag script, copiare e incollare il seguente codice al file HTML:

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

3 Digitare il seguente codice nei tag di script per spostare l'oggetto:

var oggetto = document.getElementById ( "immagine");

object.left = 200;

Il codice di cui sopra imposta un oggetto immagine alla variabile "oggetto". L'oggetto viene quindi inserito nella posizione 200 sul lato sinistro dello schermo dell'utente. Per esempio, se l'immagine è situato in pixel 400, quindi l'oggetto si muove a sinistra dello schermo.


Articoli Correlati