Idees
Una ventana que atraviesa la pantalla
Un efecto aún más original que una imagen que atraviesa en una página es una ventana que atraviesa el navegador. Esto puede ser últil si se desea visualizar una advertencia antes de que el usuario visite el sitio.
Incluya este script en el encabezamiento de su página:
<script>
<!-- Beginning of JavaScript -
var popwindow
var popwindowwidth=480
var popwindowheight=80
var popwindowtop=20
var popwindowURL="popupcontent.htm"
var waitingtime=4
var pause=20
var step=40
var popwindowleft=-popwindowwidth-50
var marginright
var pagecenter
var timer
waitingtime= waitingtime*1000
function showWindow() {
popwindow = window.open(popwindowURL, "popwindow", "toolbar=no,width="+popwindowwidth+
",height="+popwindowheight+",top="+popwindowtop+",left="+(-popwindowwidth)+"");
if (document.all) {
marginright = screen.width+50
}
if (document.layers) {
marginright = screen.width+50
}
pagecenter=Math.floor(marginright/2)-Math.floor(popwindowwidth/2)
movewindow()
}
function movewindow() {
if (popwindowleft<=pagecenter) {
popwindow.moveTo(popwindowleft,popwindowtop)
popwindowleft+=step
timer= setTimeout("movewindow()",pause)
}
else {
clearTimeout(timer)
timer= setTimeout("movewindow2()",waitingtime)
}
}
function movewindow2() {
if (popwindowleft<=marginright) {
popwindow.moveTo(popwindowleft,popwindowtop)
popwindowleft+=step
timer= setTimeout("movewindow2()",pause)
}
else {
clearTimeout(timer)
popwindow.close()
}
}
// -->
</script>
Personalice este script con los siguientes argumentos:
- Especifique la anchura y la altura de la ventana que atraviesa, en píxeles popwindowwidth=480 y popwindowheight=80)
- Defina la altura de la ventana con respecto a la ventana raíz (popwindowtop=20). En nuestro ejemplo, la ventana que atraviesa estará a 20 píxeles por debajo de la parte superior de la ventana raíz.
- Especifique el archivo que se debe visualizar en la ventana que atraviesa (popwindowURL="popupcontent.htm")
- Elija el lapso de tiempo en segundos durante el que la ventana estará fija en medio de la pantalla (waitingtime=4)
- Defina la velocidda de desplazamiento de la ventana especificando la distancia atravesada a cada velocidad (step=40) y el tiempo entre dos pasos (pause=20)
<body onLoad="showWindow()">