Les effets spéciaux négligés des balises META (effets de transition de page)_HTML/Xhtml_Production de pages Web

L'utilisation de js dans la conception Web peut produire de nombreux effets spéciaux de page. Cependant, de nombreuses personnes ignorent l'effet puissant de la balise META dans les balises HTML. En fait, la balise méta peut également obtenir de nombreux effets de transition de page magnifiques. La balise
META est une balise auxiliaire dans la zone HEAD du langage HTML. La balise Meta est placée au milieu des

...
de chaque page web. tous connaissent :
//Outil d'édition de description
//Mots-clés de description
//Description de la page d'accueil
Il fournit des informations invisibles pour les utilisateurs ; . La balise méta est généralement utilisée pour définir le thème de la page pour les robots des moteurs de recherche, ou pour définir des cookies sur le navigateur de l'utilisateur ; elle peut être utilisée pour identifier l'auteur, définir le format de la page, marquer le résumé du contenu et les mots-clés ; la page pour qu'elle puisse
Rafraîchissez-vous selon l'intervalle de temps que vous définissez, et définissez le niveau de contenu RASC, etc.
Cet article explique principalement comment utiliser les balises méta pour produire des effets de transition de page....

Utilisation :



blendTrans est un type de filtre dynamique CSS qui produit un effet de fondu. Un autre filtre dynamique, RevealTrans, peut également être utilisé pour les effets d'entrée et de sortie de page :
Les filtres dynamiques peuvent ajouter des effets de fondu d'entrée et de sortie mobiles et de transformation d'image à la page. Ils peuvent être divisés en deux types : mélange (. mixte) et révéler (Affichage),
Le premier peut faire disparaître ou apparaître progressivement des objets, et le second propose 24 effets de transformation d'image...


Durée : représentation La durée de l'effet du filtre (unité : secondes)
Transition : type de filtre. Indique quel effet spécial utiliser, la valeur est 0-23.
-------------------------------------------------------------- --- ----------------------------------
0 : Réduire le rectangle 1 : Agrandir le rectangle
2 : Réduire le cercle 3 : Expansion circulaire
4 : Rafraîchir de bas en haut 5 : Rafraîchir de haut en bas
6 : Rafraîchir de gauche à droite 7 : Rafraîchir de droite à gauche
8 : Stores verticaux 9 : Stores horizontaux
10 : Stores horizontaux décalés 11 : Stores verticaux décalés
12 : Répartition des points 13 : Actualiser de gauche à droite jusqu'au milieu
14 : Actualiser du milieu vers gauche et droite 15 : Milieu de haut en bas
16 : De haut en bas jusqu'au milieu 17 : Du bas à droite vers le haut à gauche
18 : Du haut à droite vers le bas à gauche 19 : Du haut à gauche vers le bas à droite
20 : Du bas à gauche vers le haut à droite 21 : Barre horizontale
22 : Barre verticale 23 : Sélectionnez au hasard l'un des 22 types ci-dessus
----- ---------------------- ---------------------------- ---------------------- -
Tant que les effets de transformation de la page Web sont correctement adaptés, ces effets de transformation laisseront une impression très profonde sur les visiteurs, même ceux qui sont à l'origine des visiteurs qui ne sont pas intéressés par votre site. Les amis qui aiment apprendre la production de pages Web peuvent copier votre page Web à des fins d'étude et de recherche. En fait, vous venez d'ajouter un court morceau de code ^_^ L'effet de transformation de page Web (Trans) est divisé en quatre catégories : "Entrer dans la page Web" (Page-Entrée), "Quitter la page Web" (Page-Sortie ), et "Entrer sur le site" (Site-Entrée), "Quitter le site" (Site-Sortie). Chaque grande catégorie est divisée en 25 sous-catégories. Tout d'abord, utilisez l'effet de l'entrée sur la page Web pour illustrer :

L'effet de l'entrée sur la page Web
1. Le code de l'effet de mixage est le suivant :
2. Le code pour l'effet de rétrécissement de la boîte est le suivant :
3. Le code d'effet de rayonnement en forme de boîte est le suivant :
4. Le code de l'effet de retrait circulaire est le suivant :
5. Le code pour l'effet de rayonnement circulaire est le suivant :
6. Le code pour l'effet d'effacement vers le haut est le suivant :
7. Le code pour l'effet d'effacement vers le bas est le suivant :
8. Le code pour le bon effet d'effacement est le suivant :
9. Le code pour l'effet d'effacement gauche est le suivant :
10. Le code pour l'effet de masquage vertical est le suivant :
11. Le code pour l'effet de masquage horizontal est le suivant :
12. Le code pour l'effet damier horizontal est le suivant :
13. Le code pour l'effet damier vertical est le suivant :
14. Alors le code d'effet de décomposition est le suivant :
15. Le code pour l'effet d'indentation de gauche à droite jusqu'au centre est le suivant :
16. Le code pour étendre l'effet du centre vers la gauche et la droite est le suivant :
17. Le code pour l'effet d'indentation de haut en bas jusqu'au centre est le suivant :
18. Le code pour l’effet d’expansion centrale vers le haut et vers le bas est le suivant :
19. Le code pour extraire l'effet du coin inférieur gauche est le suivant :
20. Le code pour extraire l'effet du coin supérieur gauche est le suivant :
21. Le code pour extraire l'effet en bas à droite est le suivant :
22. Le code pour extraire l'effet en haut à droite est le suivant :
23. Le code d'effet de ligne horizontale aléatoire est le suivant :
24. Le code d'effet de ligne verticale aléatoire est le suivant :
25. Le code à effet aléatoire est le suivant :

Analysons maintenant ces codes. Tout d'abord, vous pouvez certainement voir que la plupart de ces codes sont très similaires. En fait, bien qu'il existe de nombreuses catégories, les 25 sous-catégories de chaque grande catégorie correspondent aux mêmes et sont identifiées par des numéros (sauf pour l'effet de mélange blendTrans(Duration=1.0)), il n'est donc pas nécessaire de distinguer chaque grande catégorie. Par exemple, remplacez simplement « Page-Enter » par « Page-Exit » (quittez la page Web), « Site-Enter » (entrez dans le site) et « Site-Exit » (quittez le site), et vous pouvez réaliser l'effet souhaité, et il est également plus facile à retenir. Parmi eux, « Durée = 1,0 » permet de définir la durée de chaque cycle en secondes (le réglage actuel est de 1 seconde par cycle). Il convient de noter que les effets de quatre catégories principales peuvent être définis simultanément sur une seule page Web, mais qu'un seul effet peut être défini pour chaque catégorie principale. De plus, si la page Web est une page frame, l'effet ne sera pas affiché.