sábado, 3 de septiembre de 2011

Enlace con efecto expandir ventana

Ir a Diseño (vieja interfaz) o Plantilla (nueva interfaz), Edición de HTML y justo arriba de </head>

Poner el siguiente código:

<script type="text/javascript">
//<![CDATA[
function expand() {
for(x = 0; x < 50; x++) {
window.moveTo(screen.availWidth * -(x - 50) / 100, screen.availHeight * -(x - 50) / 100);
window.resizeTo(screen.availWidth * x / 50, screen.availHeight * x / 50);
}
window.moveTo(0,0);
window.resizeTo(screen.availWidth, screen.availHeight);
}
//]]>
</script>

Guardar Plantilla.

Ahora para darle el efecto a un link hay que agregarle:

onClick="expand()"

Queda así:

<a href="URL DE LA PÁGINA..." onClick="expand()">Ir a la Página</a>

Puede hacer esto como una broma.


<div style="text-align: center;">
<a href="javascript:void(0);" onClick="expand()"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLj4yn8d2wCTYzLCnHRGoq0PIJfZC_0ANyRIQA2yiWjvJOwhnwUQtggtff3_gYXbq7lwj6SIaU_Nq3hAA1xYndh1GL613F54l2JuzNMuPFUDzAnDyrfFrU67VU1rsIVytzlbYjmu_D7n0/s320/images.jpeg"/></a></div>


<div style="text-align: center;">
<a href="javascript:void(0);" onClick="expand()"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1-bSVgTGAwGP3r71XFdsrgBIL62Ci-caT9v7h-wfVsLQTQb7Be3sQyVt56AbG9zHoDMVIOZD6O3Eqa6ZAy9CwXGQEm-LQFZ9QUucsJCkoQ-fjOyJw5wiEe3PWZtCUBIthdWAPc6nfGE8/s1600/no-tocar.png" /></a></div>

No hay comentarios:

Publicar un comentario