lunes, 24 de noviembre de 2008

Animación al abrir la ventana de un enlace

Navegando por la red me encontré un curioso script que al hacer clic en un determinado enlace se nos abre en una ventana de manera animada, podéis ver el ejemplo en el siguiente link.

Bueno no es gran cosa, pero como me resulto simpático lo comparto con vosotros. La forma de implementarlo es muy sencilla, pero antes haced una copia de seguridad de vuestra plantilla, como siempre digo nunca se sabe lo que puede pasar.

Nos dirigimos al panel de control del blog, en la pestaña Diseño en Edición de HTML, apretamos la combinación Ctrl + F y buscamos la etiqueta <body>, después de esta añadimos el siguiente código:
<script>
<!--
var winheight=100
var winsize=100
var x=5

function openwindow(thelocation){
temploc=thelocation
if (!(window.resizeTo&&document.all)&&!(window.resizeTo&&document.getElementById)){
window.open(thelocation)
return
}
win2=window.open("","","scrollbars")
win2.moveTo(0,0)
win2.resizeTo(100,100)
go2()
}
function go2(){
if (winheight>=screen.availHeight-3)
x=0
win2.resizeBy(5,x)
winheight+=5
winsize+=5
if (winsize>=screen.width-5){
win2.location=temploc
winheight=100
winsize=100
x=5
return
}
setTimeout("go2()",50)
}
//-->
</script>
Luego para configurar los enlaces simplemente debéis hacerlo de la siguiente manera:
<a href="javascript:openwindow('URL DEL ENLACE')">TITULO DEL ENLACE</a>
Y sin mas tenéis un simpático efecto para vuestros enlaces, espero que les haya gustado.

0 Comentarios:

Publicar un comentario