Cómo mover objetos con Javascript

Escrito por jim campbell | Traducido por eliana caruso
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo mover objetos con Javascript
JavaScript te ofrece la posibilidad de disponer dinámicamente objetos en una página Web. (Goodshoot/Goodshoot/Getty Images)

JavaScript te ofrece la posibilidad de disponer dinámicamente objetos en una página Web. Puedes mover dinámicamente un objeto utilizando las propiedades de "derecha" y de "izquierda". Estas dos propiedades le indican al navegador dónde colocar el objeto. Si cambias la ubicación de los pixeles, se moverá el objeto a través de la pantalla del navegador.

Nivel de dificultad:
Moderado

Otras personas están leyendo

Instrucciones

  1. 1

    Haz clic derecho en el archivo HTML que contiene el objeto. Haz clic en "Abrir con" y luego haz doble clic en el editor JavaScript o HTML que prefieres usar para cambiar el código.

  2. 2

    Desplázate hasta la ubicación de la etiqueta "script" (secuencia de comandos). JavaScript se ejecuta en las etiquetas "script". Si no tienes una etiqueta de "script", copia y pega el siguiente código en el archivo HTML:

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

  3. 3

    Ingresa el siguiente código en las etiquetas del "script" para mover el objeto:

    var object =document.getElementById("image"); object.left= 200;

    El código anterior establece un objeto imagen para la variable "objeto". El objeto se dispone luego en la posición 200 del lado izquierdo de la pantalla del usuario. Por ejemplo, si la imagen se encuentra en el píxel 400, entonces el objeto se moverá hacia la izquierda de la pantalla.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles