HTMLpointHTMLpoint HTMLpoint.com


 Efectos de transición



Las transiciones de página permiten visualizar efectos similares a algunos cambios de imágenes televisivas. Dicho de otro modo, la página invocada no aparece directamente sino que va precedida de efectos de distinto tipo, tales como disoluciones y otras presentaciones.
Las transiciones se activan exclusivamente cuando se accede a la página de otro documento o, en alternativa, cuando se sale de la página para ver otra. Por tanto, pulsando el botón "actualiza" del navegador, no se producirá ningún efecto sino que será necesario volver a la página anterior y hacer clic de nuevo en el enlace.
Los efectos de transición pueden darse a la entrada (page-enter) o a la salida (page-exit) de página.
El código se inserta entre las marcas <HEAD> y permite 23 efectos diferentes. En los ejemplos que figuran a continuación se ha impostado el valor "Page enter" por lo que los efectos se producen al entrar en la página. Éstos son los efectos a disposición:

Box in
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=0)">

Box out
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=1)">

Circle in
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=2)">

Circle out
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=3)">

Wipe up
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=4)">

Wipe down
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=5)">

Wipe right
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=6)">

Wipe left
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=7)">

Vertical blinds
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=8)">

Horizontal blinds
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=9)">

Checkerboard across
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=10)">

Checkerboard down
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=11)">

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

Split vertical in
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=13)">

Split vertical out
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=14)">

Split horizontal in
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=15)">

Split horizontal out
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=16)">

Strips left down
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=17)">

Strips left up
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=18)">

Strips right down
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=19)">

Strips right up
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=20)">

Random bars horizontal
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=21)">

Random bars vertical
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=22)">

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

Para obtener efectos similares al salir de la página basta sustituir "page-enter" con "page-exit".
Una última advertencia es la que se refiere a la imposibilidad de usar las transiciones en páginas divididas en marcos, o, mejor dicho, dentro de cada uno de los frameset. Así si la marca se introduce en el archivo principal del marco (el que construye e imposta los diversos frameset), los efectos se producen mientras esto no sucede en cada frameset considerado individualmente. La explicación de esto, que a primera vista podría parecer un bug, esta en la constatación de que los efectos de trasnsición se producen en toda la pantalla del navegador y no en una parte de ésta. Para acabar, hay que subrayar que estos efectos se obtienen exclusivamente en Microsoft Internet Explorer.

  Vuelve a principio de página