TRANSITION DE PAGES HTML

 

 

Les transitions de pages HTML permettent des effets surprenants, on peut ainsi faire ouvrir les pages web en rond, en ligne, ou en carré...

Il suffit d'ajouter 2 lignes de code dans l'entête de vos fichiers htm. Une pour l'entrée de page et une pour la sortie, vous pourrez changer le chiffre Transition de 1 à 22, pour sélectionner différents effets. Code HTML à inclure dans vos pages :

<meta http-equiv="Page-Enter"

content="revealTrans(Duration=5,Transition=3)">

<meta http-equiv="Page-Exit"

content="revealTrans(Duration=5,Transition=2)">

 

Duration : détermine la vitesse de la transition de page. La durée 5 est un milieu. Plus la durée diminue, plus la vitesse augmente et l'inverse.

Transition : Elle détermine les effets que peuvent prendre les transitions de pages HTML. Il y en a 22 en tout. Je les décris une à une :

1 : Un petit rectangle apparaît au milieu de l'écran et s'élargit progressivement.

2 : Un cercle, plus grand que la page, rétrécit progressivement jusqu'au centre de l'écran.

3 : Un cercle, qui commence au milieu de l'écran et qui s'élargit peu à peu

4 : Une ligne se déplace de bas en haut de l'écran et le découvre petit à petit

5 : Idem mais de haut en bas

6 : idem mais de gauche à droite

7 : idem mais de droite à gauche

8 : L'écran se sépare en plusieurs bandes de même largeur. Ces bandes tournent une seule fois (d'un quart de tour), la page souhaitée s'affiche ensuite. Les bandes tournent de gauche à droite

9 : idem mais de haut en bas

10 : Idem que le 8 mais l'écran est séparé en deux dans la longueur, les bandes s'entremèlent, de gauche à droite

11 : idem mais de haut en bas

12 : l'écran apparaît de moins en moins flou

13 : 2 lignes venant de la droite et de la gauche de l'écran se rejoignent au milieu de la page

14 : Pareil mais les deux lignes partent du milieu de l'écran et vont vers les extrémités de celui ci

15 : 2 lignes venant du haut et du bas de l'écran se rejoignent au milieu de la page

16 : Pareil mais les deux lignes partent du milieu de l'écran et vont vers les extrémités de celui ci

17 : Une diagonale traverse l'écran en partant du coin droit, en haut de l'écran

18 : Idem mais elle vient du coin en bas droit

19 : Idem mais elle vient du coin en haut gauche

20 : pareil mais elle vient du coin en bas gauche

21 : L'écran devient de moins en moins flou. Cet effet est combiné avec des bandes, en longueur qui tournent de haut en bas.

22 : Idem mais de gauche à droite.