L'utilisation de JS dans la conception Web peut réaliser de nombreux effets spéciaux de page, mais de nombreuses personnes ignorent les effets puissants des balises Meta dans les balises HTML. En fait, les étiquettes Meta peuvent également réaliser de nombreux effets de transition de pages.
La balise Meta est une balise auxiliaire dans la zone de tête de langue HTML. La balise META est placée sur le <A-then> ... </-head> de chaque page Web.
Au milieu, nous connaissons davantage:
<Meta Name = Generator Content = Microsoft FrontPage 3.0> // Instructions pour les outils d'édition;
<meta name = keywords contenu = ...> // explication Mots-clés;
<meta name = Description Content = ...> // Décrire la page d'accueil Description;
Il fournit des informations qui ne sont pas visibles pour l'utilisateur. Les balises Meta sont généralement utilisées pour définir des sujets de page pour les robots de moteur de recherche, ou pour définir des cookies sur le navigateur de l'utilisateur; Ils peuvent être utilisés pour identifier les auteurs, définir les formats de page, le résumé du contenu de l'étiquette et les mots clés; Ils peuvent également définir des pages pour les rendre possibles.
Actualisez-vous en fonction de l'intervalle de temps que vous définissez, définissez le niveau de contenu RASC, etc.
Cet article explique principalement comment utiliser des balises Meta pour générer des effets de transition de page ...
usage:
<Meta Http-Equiv = Page-enter Content = BlendTrans (durée = 0,5)>
<Meta http-equiv = page-exit contenu = bendtrans (durée = 0,5)>
BlendTrans est un type de filtre dynamique CSS qui produit un effet décoldique. Un autre filtre dynamique RevealTrans peut également être utilisé pour les effets d'entrée et de sortie des pages:
Les filtres dynamiques peuvent ajouter des effets de conversion de fondu et d'image en mouvement vers la page. Ils peuvent être divisés en deux types de mélange (mélange) et révéler (affichage).
Le premier peut progressivement disparaître ou apparaître, tandis que le second fournit 24 effets de conversion d'image ...
<Meta http-equiv = page-enter contenu = révélation (durée = x, transition = y)>
<Meta http-equiv = page-exit contenu = révélationrans (durée = x, transition = y)>
Durée: indique la durée de l'effet du filtre (unité: secondes)
Transition: Type de filtre. Indique quel effet spécial est utilisé, la valeur est 0-23.
------------------------------------------------------------------------------
0: Rectangle rétrécissement 1: rectangle
2: Réduction du cercle 3: Extension du cercle
4: actualisez le haut du top 5: actualisez jusqu'au bas
6: actualiser la gauche à droite 7: actualiser de droite à gauche
8: stores verticaux 9: stores horizontaux
10: stores horizontaux déplacés 11: stores verticaux déplacés
12: Diffusion ponctuelle 13: actualiser la gauche et la droite au milieu
14: actualiser du milieu à gauche et à droite 15: actualisez du milieu vers le haut et le bas
16: de haut en bas jusqu'au milieu 17: en bas et à droite vers le haut à gauche
18: en haut à droite en bas à gauche 19: en haut de gauche en bas à droite
20: en bas de gauche en haut à droite 21: barre horizontale
22: Barre verticale 23: Choisissez l'un des 22 ci-dessus au hasard
------------------------------------------------------------------------------
Tant que les effets de transformation de la page Web sont correctement appariés, ces effets de transformation laisseront une impression très profonde sur les visiteurs, même ceux qui ne sont pas intéressés par votre site. Surtout pour les amis qui aiment apprendre la production de pages Web, ils peuvent copier votre page Web pour l'étude et la recherche. En fait, vous venez d'ajouter un court morceau de code ^ _ ^ L'effet de transformation de la page Web (trans) est divisé en quatre catégories: entrant sur la page Web (page-enter), en quittant la page Web (page-exit), en entrant le site (site-enter) et en sortant du site (site-exit). Chaque catégorie principale est divisée en 25 sous-catégories. Tout d'abord, utilisez l'effet de la saisie de la page Web pour illustrer:
Effets lors de la saisie d'une page Web
1. Le code d'effet mixte est le suivant: <Meta Http-Equiv = Page-enter Content = Blendtrans (durée = 1.0)>
2.
3. Le code d'effet de rayonnement en forme de boîte est le suivant: <Meta http-equiv = page-enter contenu = révélationrans (durée = 1,0, transition = 1)>
4. Le code d'effet de retrait circulaire est le suivant: <Meta http-equiv = Page-enter Content = RevealTrans (durée = 1,0, transition = 2)>
5. Le code d'effet de rayonnement circulaire est le suivant: <Meta Http-Equiv = Page-enter Content = RevealTrans (durée = 1,0, transition = 3)>
6. Le code d'effet d'effacement vers le haut est le suivant: <Meta Http-Equiv = Page-enter Content = RevealTrans (durée = 1,0, transition = 4)>
7. Le code d'effet d'effacement vers le bas est le suivant: <meta http-equiv = page-enter contenu = révélationrans (durée = 1,0, transition = 4)>
8. Le code pour effacer le droit à l'effet est le suivant: <META HTTP-Equiv = Page-enter Content = RevealTrans (durée = 1,0, transition = 6)>
9. Le code d'effet d'effacement de gauche est le suivant: <Meta Http-Equiv = Page-enter Content = RevealTrans (durée = 1,0, transition = 7)>
10. Le code d'effet de masquage vertical est le suivant: <Meta Http-Equiv = Page-enter Content = RevealTrans (durée = 1,0, transition = 8)>
11. Le code d'effet de masquage horizontal est le suivant: <Meta Http-Equiv = Page-enter Content = RevealTrans (durée = 1,0, transition = 9)>
12. Le code d'effet d'échecs horizontal est le suivant: <Meta http-equiv = page-enter contenu = révélation (durée = 1,0, transition = 10)>
13. Le code d'effet de la carte verticale est le suivant: <Meta http-equiv = page-enter contenu = révélation (durée = 1,0, transition = 11)>
14. Le code d'effet de décomposition est le suivant: <Meta Http-Equiv = Page-enter Content = RevealTrans (durée = 1,0, transition = 12)>
15. Le code d'effet de l'indentation gauche et droite au centre est le suivant: <Meta Http-Equiv = Page-enter Content = RevealTrans (Durée = 1,0, transition = 13)>
16. Le code d'effet du centre vers l'expansion gauche et droite est le suivant: <Meta Http-Equiv = Page-enter Content = RevealTrans (durée = 1,0, transition = 14)>
17. Le code d'effet d'indentation de haut en bas est le suivant: <Meta Http-Equiv = Page-enter Content = RevealTrans (durée = 1,0, transition = 16)>
18. Le code d'effet du centre à la hausse et à la baisse est le suivant: <Meta Http-Equiv = Page-enter Content = RevealTrans (durée = 1,0, transition = 17)>
19. Extraire le code d'effet en bas à gauche comme suit: <Meta Http-Equiv = Page-enter Content = RevealTrans (durée = 1,0, transition = 18)>
20. Extraire le code d'effet de la partie supérieure gauche comme suit: <Meta Http-Equiv = Page-enter Content = RevealTrans (durée = 1,0, transition = 19)>
vingt-et-un. Extraire le code d'effet en bas à droite comme suit: <Meta Http-Equiv = Page-enter Content = RevealTrans (durée = 1,0, transition = 20)>
Vingt-deux ans. Extraire le code d'effet de la haute droite comme suit: <Meta Http-Equiv = Page-enter Content = RevealTrans (durée = 1,0, transition = 21)>
vingt-trois. Le code d'effet de la ligne horizontale aléatoire est le suivant: <Meta http-equiv = page-enter contenu = révélationrans (durée = 1,0, transition = 22)>
vingt-quatre. Le code d'effet de la ligne verticale aléatoire est le suivant: <meta http-equiv = page-enter contenu = révélationtrans (durée = 1.0, transition = 22)>
25. Le code d'effet aléatoire est le suivant: <Meta http-equiv = page-enter contenu = révélation (durée = 1,0, transition = 23)>>
Analyons maintenant ces codes. Tout d'abord, vous verrez certainement 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 catégorie principale correspondent à la même et sont identifiées par des nombres (à l'exception des mélanges à effet mixte (durée = 1,0)), il n'est donc pas nécessaire de donner des exemples aux non-catégories. Remplacez simplement Page-Enter par l'exit de page (Laissez la page Web), le site-enter (laissez le site) et le site-exit (laissez le site), et vous pouvez réaliser l'effet souhaité, et il est également plus pratique à retenir. Lorsque la durée = 1,0 peut définir la durée du temps pour chaque cycle, l'unité est des secondes (maintenant réglé est de 1 seconde par cycle). Il convient de noter que les effets des quatre principales catégories peuvent être définis en même temps sur une page Web, mais chaque catégorie principale ne peut définir qu'un seul effet. De plus, si la page Web est une page de trame, l'effet ne sera pas affiché.