Membre de ClickFR, Reseau francophone Paie-Par-Click
Accueil
Accueil
- [ CSS : ] [ DHTML : ] [ HTML : ] [ JavaScript : ] [ Refs : ]
Accueil

HTML 4

  23 effets de transition

fonction  principe  la methode elle-meme  demonstration  telechargement de la methode  Compatibilite du script... a partir de : 

  Fonction
Quand on passe d'une page à une autre sur le web, bah on affiche la nouvelle page, comme on regarde la photo suivante...
Et si vous utilisiez des effets de transition comme au cinéma, dans les cartoons ou autres ?
  Principe
Internet Explorer reconnait et interprète une balise META qui permet de créer un effet à l'arrivée sur la page de façon automatique. Il existe 22 effets différents, et tous sont paramétrables en terme de vitesse d'execution.
Lachez-vous !!
  • Effet 0 : un carré se ferme depuis l'extérieur de l'ancienne page pour laisser apparaître la page demandée,
  • Effet 1 : un carré s'ouvre au centre de l'ancienne page pour laisser apparaître la page demandée,
  • Effet 2 : un cercle se ferme depuis l'extérieur de l'ancienne page pour laisser apparaître la page demandée,
  • Effet 3 : un cercle s'ouvre au centre de l'ancienne page pour laisser apparaître la page demandée,
  • Effet 4 : une ligne monte depuis le bas de la page pour laisser apparaître la page demandée,
  • Effet 5 : une ligne descend depuis le haut de la page pour laisser apparaître la page demandée,
  • Effet 6 : une ligne part de la gauche vers la droite de la page pour laisser apparaître la page demandée,
  • Effet 7 : une ligne part de la droite vers la gauche de la page pour laisser apparaître la page demandée,
  • Effet 8 : comme l'effet '6' mais six lignes laissent apparaître la page demandée,
  • Effet 9 : comme l'effet '5' mais six lignes laissent apparaître la page demandée,
  • Effet 10 : des sortents de briques rectangulaires réparties sur toute la page laissent apparaître la page demandée horizontalement,
  • Effet 11 : des sortents de briques rectangulaires réparties sur toute la page laissent apparaître la page demandée verticalement,
  • Effet 12 : des pointillés constituent au fur et à mesure la page demandée,
  • Effet 13 : deux lignes verticales partent de la gauche et de la droite vers le centre de la page pour laisser apparaître la page demandée,
  • Effet 14 : deux lignes verticales partent du centre vers la gauche et de la droite de la page pour laisser apparaître la page demandée,
  • Effet 15 : deux lignes horizontales partent du haut et du bas vers le centre de la page pour laisser apparaître la page demandée,
  • Effet 16 : deux lignes horizontales partent du centre vers le haut et le bas de la page pour laisser apparaître la page demandée,
  • Effet 17 : une ligne oblique (\) part de la droite vers la gauche pour laisser apparaître la page demandée,
  • Effet 18 : une ligne oblique (/) part du bas vers le haut pour laisser apparaître la page demandée,
  • Effet 19 : une ligne oblique (/) part de la gauche vers la droite pour laisser apparaître la page demandée,
  • Effet 20 : une ligne oblique (\) part du bas vers le haut pour laisser apparaître la page demandée,
  • Effet 21 : une multitude de lignes horizontales se forment pour laisser apparaître la page demandée,
  • Effet 22 : une multitude de lignes verticales se forment pour laisser apparaître la page demandée,
  • Effet 23 : le navigateur choisit alléatoirmeent parmi les 23 effets précédents.
Les paramètres :
  • duration : le temps d'exécution de l'effet, en secondes,
  • transition : le numéro de l'effet.
  La méthode
dans la partie <head>
<meta http-equiv="Page-Enter" content="RevealTrans(Duration=5,Transition=1)">
  Démonstration

Voir la démonstration

  Téléchargement
Les effets :
astuces_transition.zip
13 Ko
telechargez les effets
Recherche
aide sur la recherche
hit-parade
Votez TOP Ouaibe !

statistiques
aide sur les contacts aide sur la mailing-list aide sur la newsletter