SprintDevelop.com - Diseño y desarrollo web - Diseño, desarrollo web,Aplicaciones Móviles, TabletasSprintDevelop.com - Diseño y desarrollo web
Mostrando Codigo - Javascript
Code

Javascript - Efecto movimiento de pop up

Códigos Javascript

LLamativo efecto con el que al abrir una ventana popup se mueve desde una esquina hacia el centro de la pagina
Visitas: 33,983 - 12/09/2003 2.12.30
DemoNO CONTIENE ARCHIVO DESCARGABLEComentario
EXPLICACION
Script comentado Simplemente debemos modificar las variables de tañmaño y posicion y la url de la pagina que queremos abrir en el pop up . La hemos llamado ejemplo.html para poder ejecutarla en prueba
CODIGO
Este codigo aun no ha sido probado por Tutores.org en ChromeEste codigo aun no ha sido probado por Tutores.org en FirefoxCodigo probado en Internet Explorer 7+Este codigo aun no ha sido probado por Tutores.org en OperaEste codigo aun no ha sido probado por Tutores.org en Safari


# Codigo ofrecido por Tutores.org

  1. <p></p>
  2.  
  3.  
  4. <script language="JavaScript">
  5. <!-- Codigo ofrecido por tutores.org
  6.  
  7. var ancho=100 // Ancura de la ventana
  8. var alto=100 // Altura de la ventana
  9. var fin=300 // Posicion final
  10. var x=100 // Posicion inicial vertical
  11. var y=100 // Posicion inicial horizontal
  12.  
  13. function ventana()
  14. {
  15.     ventana = window.open("ejemplo.html", "_blank", "resizable,height=1,width=1,top=x,left=y,screenX=x,screenY=y");
  16.     abre();
  17. }
  18. function abre()
  19. {
  20.     if (ancho<=fin) {
  21.         ventana.moveTo(x,y);
  22.         ventana.resizeTo(ancho,alto);
  23.         x+=5
  24.         y+=5
  25.         ancho+=15
  26.         alto+=15
  27.         timer= setTimeout("abre()",1)
  28.     }
  29.     else {
  30.         clearTimeout(timer)
  31.         }
  32. }
  33. // -->
  34. </script>
  35.  
  36. <form>
  37.   <div align="center">
  38.     <p><input type="button" value="Despliega ventana" onClick="ventana()"></p>
  39.     </p></div>
  40. </form>



ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Efecto movimiento de pop up" href="http://www.tutores.org/codigo/561/" target="_blank">Efecto movimiento de pop up</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
kangri
4 5
ponte una con efecto de corredera de esquina a esquina ps man esa no tiene ningun efecto
Comentario usuario
masi
3 5
hola, tengo hecho algo parecido, es un popup q se mueve de arriba hacia abajo, el tema es que el movimiento esta implementado con una funcion recursiva q se ejecuta n veces, cada ejecucion esta separada con un setimeout, pero cuando lo ejecuto en el browser esa ejecucion no es a un intervalo constante, es como q arranca, se para un poco, vuelve a arrancar con mas velocidad, en vez de ser un movimiento uniforme, se mueve como cortandose....alguna idea?
Comentario usuario
jhuaraya
1 5
Pero solo funciona una sola vez, ya que despues de cerrarlo ya no realiza dicho efecto
Comentario usuario
13-11-2011 18:11:15
2 5
Lo he probado en Firefox, Opera, Safari, Chrome y Explorer y sólo funciona en éste último.
Un saludo
INSERTAR COMENTARIO

Usuario:
Email:
Comentario:
Codigo Seguridad

Antes de enviar un comentario...
Todos los comentarios son revisados personalmente
Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado
Usuarios registrados tienen preferencia en recibir respuestas de ayuda!!
Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor.
Por favor, insertar los comentarios descriptivos.