Deschide fereastra pop-up cu defilare

Am vazut mai multe moduri de a deschide o ferestre pop-up.

Acum vin cu un exemplu de fereastra pop-up cu un efect de alunecare de sus in centru şi derulaţi la dreapta folosind un cod Javascript.

Mergi la Aspect --> Editare HTML si exact deasupra </head> adaugam urmatorul cod:

<script type="text/javascript">
//<![CDATA[
function ventanadeslizante()
{
ancho=100
alto=100
fin=700
x=50
y=50
ventanaURL="http://www.google.com"

ventanades = window.open("", "_blank", "resizable,height=1,width=1,top=x,left=y,screenX=x,screenY=y,scrollbars=yes");
abrirVentanadeslz();
}
function abrirVentanadeslz();{;if

(ancho<=fin) {
ventanades.moveTo(x,y);
ventanades.resizeTo(ancho,alto);
x+=5
y+=5
ancho+=25
alto+=15
timersetTimeoututabrirVentanadeslzlz()",1)
}
else
{
clearTimeout(timer)
ventanades.location=ventanaURL
}
}
//]]>
</script>

Schimbarea URL="http://www.google.com paginii.
Putem ajusta dimensiunea fereastra unde se spune: fin = 700
Pentru a deschide fereastra trebuie sa apelam funcţia: ventanadeslizante ()
Se se poate face în doua moduri:

Direct prin linck.

<a href="javascript: ventanadeslizante() "> Open Window </ a>

sau buton.

<form>
<input type="button" value="Deschide fereastra" onClick="ventanadeslizante()"/>
</form>

Salveaza modificarile si deja ai instalta o modalitate de a deschide o fereastra pop-up direct de pe pagina ta web.