JavaScripts - DHTML

1º.- mediante un botón de formulario
<form>
<input type="button" value="Cerrar Ventana" onClick="window.close()">
</form>
2º.- mediante un javascript.
<a href="javascript:window.close()">Cerrar ventana </a>

<a href="JavaScript:window.location.reload()">Actualizar</a>

<a href='javascript:window.history.back()'>volver atras</a>

Incluir una etiqueta META en la cabecera de la página web.
Cuadros
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=10)">

Barra vertical de dentro hacia afuera.
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=14)">

Barra vertical de afuera hacia dentro
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=13)">

Barra horizontal que entra.
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=15)">

Barra horizontal que sale.
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=16)">

Lateral hacia abajo.
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=17)">

Lateral hacia arriba.
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=18)">

Random.
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=23)">

Codigo para mostrar y ocultar capas

<script language="Javascript">
function mostrar(nombreCapa){
document.getElementById(nombreCapa).style.visibility="visible";
}
function ocultar(nombreCapa){
document.getElementById(nombreCapa).style.visibility="hidden";
}
</script>

A continuación es necesario definir las capas, y llamar en algún momento a las funciones definidas. Se utilizarán los eventos onMouseOver y onMouseOut de la capa 1 para mostrar y ocultar la capa 2.


<div id="capa1" style="position:absolute;width:100;height:100;top:100;left:100;background-color:blue" onmouseout="ocultar('capa2')" onmouseover="mostrar('capa2')">Capa 1</div>
<div id="capa2" style="position:absolute;width:100;height:100;top:100;left:200;background-color:red;visibility:hidden">Capa 2</div>