Heim  >  Artikel  >  Web-Frontend  >  Die vernachlässigten Spezialeffekte von META-Tags (Seitenübergangseffekte)_HTML/Xhtml_Webseitenproduktion

Die vernachlässigten Spezialeffekte von META-Tags (Seitenübergangseffekte)_HTML/Xhtml_Webseitenproduktion

WBOY
WBOYOriginal
2016-05-16 16:40:081344Durchsuche

Durch die Verwendung von js im Webdesign können viele Seitenspezialeffekte erzielt werden. Viele Menschen ignorieren jedoch die leistungsstarke Wirkung des META-Tags in HTML-Tags. Tatsächlich können mit dem Meta-Tag auch viele schöne Seitenübergangseffekte erzielt werden. Das
META-Tag ist ein Hilfstag im HEAD-Bereich der HTML-Sprache. Das Meta-Tag wird in der Mitte von

...
jeder Webseite platziert alle vertraut sind:
//Beschreibungsbearbeitungstool;
//Beschreibungs-Homepage-Beschreibung; . Das Meta-Tag wird normalerweise verwendet, um das Seitenthema für Suchmaschinen-Robots zu definieren oder um Cookies im Browser des Benutzers zu definieren. Es kann auch zur Identifizierung des Autors, zum Festlegen des Seitenformats, zum Markieren der Inhaltszusammenfassung und zum Festlegen von Schlüsselwörtern verwendet werden die Seite, damit sie
Aktualisieren Sie sich entsprechend dem von Ihnen definierten Zeitintervall und legen Sie die RASC-Inhaltsebene usw. fest. In diesem Artikel wird hauptsächlich erläutert, wie Sie Meta-Tags verwenden, um Seitenübergangseffekte zu erzeugen....

Verwendung:




blendTrans ist eine Art dynamischer CSS-Filter, der einen Fade-Effekt erzeugt. Ein weiterer dynamischer Filter, RevealTrans, kann auch für Seitenein- und -ausstiegseffekte verwendet werden: Dynamische Filter können der Seite bewegliche Ein- und Ausblendeffekte sowie Bildtransformationseffekte hinzufügen. Sie können in zwei Typen unterteilt werden: Überblendung ( gemischt) und enthüllen (Anzeige),
Ersteres kann Objekte allmählich verschwinden oder erscheinen lassen, und letzteres bietet 24 Bildtransformationseffekte...



Dauer: Darstellung Die Dauer des Filtereffekts (Einheit: Sekunden)
Übergang: Filtertyp. Gibt an, welcher Spezialeffekt verwendet werden soll. Der Wert liegt zwischen 0 und 23. --------------------------------- --- ----------------------------------
0: Rechteck verkleinern 1: Rechteck erweitern
2: Kreis verkleinern 3: Kreisförmige Erweiterung
4: Von unten nach oben aktualisieren 5: Von oben nach unten aktualisieren
6: Von links nach rechts aktualisieren 7: Von rechts nach links aktualisieren
8: Vertikaljalousien 9: Horizontale Jalousien
10: Versetzte horizontale Jalousien 11: Versetzte vertikale Jalousien
12: Punktverteilung 13: Aktualisierung von links nach rechts zur Mitte
14: Aktualisierung von der Mitte nach links und rechts 15: Mitte nach oben und unten
16: Auf und ab zur Mitte 17: Unten rechts nach oben links
18: Oben rechts nach unten links 19: Oben links nach unten rechts
20: Unten links nach oben rechts 21 : Horizontaler Balken
22: Vertikaler Balken 23: Wählen Sie zufällig einen der oben genannten 22 Typen aus
----- -------- ---------------------------- -------- -
Solange die Transformationseffekte der Webseite richtig aufeinander abgestimmt sind, hinterlassen diese Transformationseffekte einen sehr tiefen Eindruck bei den Besuchern, selbst bei denen, die ursprünglich Besucher waren, die sich nicht für Ihre Website interessierten. Vor allem Freunde, die gerne die Erstellung von Webseiten erlernen, können Ihre Webseite zu Studien- und Forschungszwecken kopieren. Tatsächlich haben Sie gerade einen kurzen Code hinzugefügt^_^ Der Webseitentransformationseffekt (Trans) ist in vier Kategorien unterteilt: „Webseite betreten“ (Page-Enter), „Webseite verlassen“ (Page-Exit). ) und „Betreten Sie die Site“ (Site-Enter), „Verlassen Sie die Site“ (Site-Exit). Jede Hauptkategorie ist in 25 Unterkategorien unterteilt. Veranschaulichen Sie zunächst anhand der Auswirkung des Betretens der Webseite:

Die Auswirkung des Betretens der Webseite
1. Der Mischeffektcode lautet wie folgt:

2. Der Code für den Box-Shrink-Effekt lautet wie folgt:
3. Der kastenförmige Strahlungseffektcode lautet wie folgt:
4. Der Code für den kreisförmigen Schrumpfungseffekt lautet wie folgt:
5. Der Code für den kreisförmigen Strahlungseffekt lautet wie folgt:
6. Der Code für den Aufwärtslöscheffekt lautet wie folgt:
7. Der Code für den Abwärtslöscheffekt lautet wie folgt:
8. Der Code für den richtigen Löscheffekt lautet wie folgt:
9. Der Code für den linken Löscheffekt lautet wie folgt:
10. Der Code für den vertikalen Maskierungseffekt lautet wie folgt:
11. Der Code für den horizontalen Maskierungseffekt lautet wie folgt:
12. Der Code für den horizontalen Schachbretteffekt lautet wie folgt:
13. Der Code für den vertikalen Schachbretteffekt lautet wie folgt:
14. Dann lautet der Zerlegungseffektcode wie folgt:
15. Der Code für den Einrückungseffekt von links nach rechts zur Mitte lautet wie folgt:
16. Der Code zum Ausweiten des Effekts von der Mitte nach links und rechts lautet wie folgt:
17. Der Code für den Einrückungseffekt nach oben und unten zur Mitte lautet wie folgt:
18. Der Code für den Aufwärts- und Abwärtsexpansionseffekt in der Mitte lautet wie folgt:
19. Der Code zum Extrahieren des Effekts unten links lautet wie folgt:
20. Der Code zum Extrahieren des Effekts oben links lautet wie folgt:
21. Der Code zum Extrahieren des Effekts unten rechts lautet wie folgt:
22. Der Code zum Extrahieren des Effekts oben rechts lautet wie folgt:
23. Der zufällige horizontale Linieneffektcode lautet wie folgt:
24. Der zufällige Code für den vertikalen Linieneffekt lautet wie folgt:
25. Der Zufallseffektcode lautet wie folgt:

Lassen Sie uns nun diese Codes analysieren. Zunächst können Sie definitiv erkennen, dass die meisten dieser Codes sehr ähnlich sind. Obwohl es viele Kategorien gibt, entsprechen die 25 Unterkategorien unter jeder Hauptkategorie denselben und werden durch Nummern identifiziert (mit Ausnahme des Mischeffekts blendTrans(Duration=1.0)), sodass keine Notwendigkeit besteht, jede Hauptkategorie zu unterscheiden. Ersetzen Sie beispielsweise einfach „Page-Enter“ durch „Page-Exit“ (die Webseite verlassen), „Site-Enter“ (die Site betreten) und „Site-Exit“ (die Site verlassen), und Sie können es erreichen den gewünschten Effekt und ist auch leichter zu merken. Darunter kann „Dauer = 1,0“ die Zeit jedes Zyklus in Sekunden festlegen (die aktuelle Einstellung ist 1 Sekunde pro Zyklus). Es ist zu beachten, dass die Auswirkungen von vier Hauptkategorien gleichzeitig auf einer Webseite festgelegt werden können, jedoch nur ein Effekt für jede Hauptkategorie. Wenn es sich bei der Webseite außerdem um eine Frame-Seite handelt, wird der Effekt nicht angezeigt.
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn