TRANSITIONS DE PAGES |
Outils pour webmaster. Trucs et astuces en code HTML, JavaScript, PHP : améliorer son site internet
Descriptif : utilisez
les transitions de pages avec Internet Explorer
ainsi que Avant Browser,
Crazy Browser, MyIE,
Maxton. Il vous suffit d'introduire une
balise <meta> dans la partie <head></head> de votre page HTML.
- Pour faire varier la durée de l'effet, il vous suffit de changer la valeur
comprise dans duration=2
- Pour utiliser l'effet en entrée de page,
mettez Page-Enter
- Pour utiliser l'effet en sortie de page, mettez Page-Exit
- Pour utiliser l'effet en
entrée de site, mettez Site-Enter
- Pour utiliser l'effet en sortie de site, mettez Site-Exit
- Ces
effets ne fonctionnent pas avec des frames (cadres)
- Ces effets ne fonctionnent pas sous Netscape et ses dérivés mais ne
provoquent pas d'erreur.
Si l'effet n'est pas visible, re-cliquez sur le lien.
Exemple :
| Fade in | <meta http-equiv="Page-Enter" content="blendTrans(duration=2.0)"> |
| Square in | <meta http-equiv="Page-Enter" content="revealTrans(duration=2,transition=0)"> |
| Square out | <meta http-equiv="Page-Enter" content="revealTrans(duration=2,transition=1)"> |
| Circle in | <meta http-equiv="Page-Enter" content="revealTrans(duration=2,transition=2)"> |
| Circle out | <meta http-equiv="Page-Enter" content="revealTrans(duration=2,transition=3)"> |
| Curtain up | <meta http-equiv="Page-Enter" content="revealTrans(duration=2,transition=4)"> |
| Curtain down | <meta http-equiv="Page-Enter" content="revealTrans(duration=2,transition=5)"> |
| Curtain right | <meta http-equiv="Page-Enter" content="revealTrans(duration=2,transition=6)"> |
| Curtain left | <meta http-equiv="Page-Enter" content="revealTrans(duration=2,transition=7)"> |
| Vertical blinds | <meta http-equiv="Page-Enter" content="revealTrans(duration=2,transition=8)"> |
| Horizontal blinds | <meta http-equiv="Page-Enter" content="revealTrans(duration=2,transition=9)"> |
| Boxy vertical blinds | <meta http-equiv="Page-Enter" content="revealTrans(duration=2,transition=10)"> |
| Boxy horizontal blinds | <meta http-equiv="Page-Enter" content="revealTrans(duration=2,transition=11)"> |
| Dissolve | <meta http-equiv="Page-Enter" content="revealTrans(duration=2,transition=12)"> |
| Elevator close | <meta http-equiv="Page-Enter" content="revealTrans(duration=2,transition=13)"> |
| Elevator open | <meta http-equiv="Page-Enter" content="revealTrans(duration=2,transition=14)"> |
| Elevator horizontal close | <meta http-equiv="Page-Enter" content="revealTrans(duration=2,transition=15)"> |
| Elevator horizontal open | <meta http-equiv="Page-Enter" content="revealTrans(duration=2,transition=16)"> |
| Diagonal top right | <meta http-equiv="Page-Enter" content="revealTrans(duration=2,transition=17)"> |
| Diagonal bottom right | <meta http-equiv="Page-Enter" content="revealTrans(duration=2,transition=18)"> |
| Diagonal top left | <meta http-equiv="Page-Enter" content="revealTrans(duration=2,transition=19)"> |
| Diagonal bottom left | <meta http-equiv="Page-Enter" content="revealTrans(duration=2,transition=20)"> |
| Horizontal lines | <meta http-equiv="Page-Enter" content="revealTrans(duration=2,transition=21)"> |
| Vertical lines | <meta http-equiv="Page-Enter" content="revealTrans(duration=2,transition=22)"> |
| Random | <meta http-equiv="Page-Enter" content="revealTrans(duration=2,transition=23)"> |
| Mosaïque | <meta http-equiv="Page-Enter" content="FILTER:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=50); "> |
Copyright www.toulouse-renaissance.net ©