Die Verwendung von JS im Webdesign kann viele Seiten -Spezialeffekte erzielen, aber viele Menschen ignorieren die leistungsstarken Effekte von Meta -Tags in HTML -Tags. Tatsächlich können Meta -Tags auch viele schöne Seitenübergangseffekte erzielen.
Das Meta -Tag ist ein Hilfsschild im HTML -Sprachkopfbereich. Das Meta -Tag ist auf der <Head> ... </head> jeder Webseite platziert.
In der Mitte sind wir besser vertraut mit:
<meta name = generator content = microsoft FrontPage 3.0> // Anweisungen zum Bearbeiten von Tools;
<meta name = keywords content = ...> // Erläuterung Schlüsselwörter;
<meta name = Beschreibung Inhalt = ...> // Beschreibung der Homepage Beschreibung;
Es enthält Informationen, die für den Benutzer nicht sichtbar sind. Meta -Tags werden normalerweise verwendet, um Seitenthemen für Suchmaschinenroboter zu definieren oder Cookies im Browser des Benutzers zu definieren. Sie können verwendet werden, um Autoren zu identifizieren, Seitenformate, Beschriftungsinhaltsübersicht und Schlüsselwörter festzulegen. Sie können auch Seiten festlegen, um sie möglich zu machen.
Aktualisieren Sie sich entsprechend dem Zeitintervall, das Sie definieren, die RASC -Inhaltsebene usw. festlegen.
In diesem Artikel wird hauptsächlich erläutert, wie Sie Meta -Tags verwenden, um Seitenübergangseffekte zu generieren ...
Verwendung:
<Meta http-äquiv = Page-Enter-Inhalt = Blendtrans (Dauer = 0,5)>
<Meta http-äquiv = page-exit content = Blendtrans (Dauer = 0,5)>
Blendtrans ist eine Art von CSS -dynamischer Filter, der einen verblassenden Effekt erzeugt. Ein weiterer dynamischer Filterdsendungsunternehmen kann ebenfalls für die Seiteneingabe- und Ausstiegseffekte verwendet werden:
Dynamische Filter können der Seite bewegende Fade- und Bildumwandlungseffekte hinzufügen. Sie können in zwei Arten von Mischungen (Mix) und Enthüllung (Anzeige) unterteilt werden.
Ersteres kann allmählich verschwinden oder erscheinen, während letztere 24 Bildumwandlungseffekte liefert ...
<Meta http-äquiv = Page-Enter-Inhalt = Dessellungsstrans (Duration = x, Übergang = y)>
<Meta http-äquiv = page-exit content = disclosetrans (Duration = x, transition = y)>
Dauer: Zeigt die Dauer des Filtereffekts an (Einheit: Sekunden)
Übergang: Filtertyp. Gibt an, welcher Spezialeffekt verwendet wird, der Wert beträgt 0-23.
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
0: Rechteck Schrumpf 1: Rechteck ausdehnen
2: Kreisreduzierung 3: Kreiserweiterung
4: Aktualisieren Sie nach oben 5: Aktualisieren Sie nach unten nach unten
6: links nach rechts aktualisieren 7: Von rechts nach links aktualisieren
8: Vertikale Jalousien 9: Horizontale Jalousien
10: vertriebene horizontale Jalousien 11: vertriebene vertikale Jalousien
12: Punktdiffusion 13: links und rechts nach Mitte aktualisieren
14: Erfrischen Sie von der Mitte nach links und rechts 15: Erfrischen
16: Auf und ab bis zur Mitte 17: unten und 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: Vertikale Balken 23: Wählen Sie einen der oben genannten 22 zufällig
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Solange die Webseiten -Transformationseffekte ordnungsgemäß abgestimmt sind, hinterlassen diese Transformationseffekte einen sehr tiefen Eindruck auf die Besucher, selbst diejenigen, die sich nicht für Ihre Website interessieren. Besonders für Freunde, die die Produktion von Webseiten lernen möchten, können sie Ihre Webseite für das Studium und die Forschung kopieren. Tatsächlich haben Sie gerade ein kurzes Code hinzugefügt,^ _^ Der Webseiten-Transformationseffekt (Trans) ist in vier Kategorien unterteilt: Eingabe der Webseite (Seite-Innere), verlässt die Webseite (Seite-Exit), die Site (Site-Enter) eingeben und die Site (Site-Exit) verlassen. Jede Hauptkategorie ist in 25 Unterkategorien unterteilt. Verwenden Sie zunächst den Effekt der Eingabe der Webseite, um zu veranschaulichen:
Effekte beim Eingeben einer Webseite
1. Der gemischte Effektcode lautet wie folgt: <meta http-äquiv = Page-Ein-Inhalt = Blendtrans (Dauer = 1.0)>
2. Der Box-förmige Schrumpfungseffektcode lautet wie folgt: <meta http-äquiv = Page-Ein-Inhalt = Desselungstrans (Dauer = 1,0, Übergang = 0)>
3. Der Code für den Box-förmigen Strahlungseffekt lautet wie folgt: <meta http-äquiv = Page-Enter-Inhalt = Desselungstrans (Dauer = 1,0, Übergang = 1)>
4. Der Code für kreisförmige Schrumpfungseffekte lautet wie folgt: <meta http-äquiv = Page-Ein-Inhalt = Dessellungsstrans (Dauer = 1,0, Übergang = 2)>
5. Der Code für kreisförmige Strahlungseffekte lautet wie folgt: <meta http-äquiv = Page-Enter-Inhalt = Dessellungsstrans (Dauer = 1,0, Übergang = 3)>
6. Der Code für den Aufwärtslöre-Effekt lautet wie folgt: <meta http-äquiv = Page-Enter-Inhalt = Dessellungsstrans (Dauer = 1,0, Transition = 4)>
7. Der Code für den Abwärtslöscherffekt lautet wie folgt: <meta http-äquiv = Page-Enter-Inhalt = Dessellungsstrans (Dauer = 1,0, Übergang = 4)>
8. Der Code zum Auslöschen des Rechts auf den Effekt lautet wie folgt: <meta http-äquiv = Page-En-In-Inhalt = Dessellungsstrans (Dauer = 1,0, Übergang = 6)>
9. Der Code des linken Effekts ist wie folgt: <meta http-äquiv = Page-Enter-Inhalt = Dessellungsstrans (Dauer = 1,0, Übergang = 7)>
10. Der Code für vertikale Maskierungseffekte lautet wie folgt: <meta http-äquiv = Page-Ein-Inhalt = Dessellungsstrans (Dauer = 1,0, Übergang = 8)>
11. Der Code für horizontale Maskierungseffekte lautet wie folgt: <meta http-äquiv = Page-Enter-Inhalt = Desselungstrans (Dauer = 1,0, Übergang = 9)>
12. Der horizontale Schachbrett-Effektcode lautet wie folgt: <meta http-äquiv = Page-Ein-Inhalt = Dessellantrans (Dauer = 1,0, Übergang = 10)>
13. Der vertikale Board-Effekt-Code lautet wie folgt: <meta http-äquiv = Page-Enter-Inhalt = Dessellungsstrans (Dauer = 1,0, Übergang = 11)>
14. Der Code für die Dekompositionseffekt lautet wie folgt: <meta http-äquiv = Page-Enter-Inhalt = Dessellungsstrans (Dauer = 1,0, Übergang = 12)>
15. Der Effektcode der linken und rechten Eindrückung in das Zentrum lautet wie folgt: <meta http-äquiv = Page-En-In-Inhalt = Dessellendtrans (Dauer = 1,0, Übergang = 13)>
16. Der Effektcode des Zentrums zur linken und rechten Erweiterung lautet wie folgt: <meta http-äquiv = Page-Enter-Inhalt = Dessellungsstrans (Dauer = 1,0, Übergang = 14)>
17. Der Code für den Auf und Ab-Eindrückungseffekt lautet wie folgt: <meta http-äquiv = Page-Enter-Inhalt = Desselungstrans (Dauer = 1,0, Übergang = 16)>
18. Der Effektcode des Zentrums bis nach oben und unten lautet wie folgt: <meta http-äquiv = Page-En-In-Inhalt = Desselungstrans (Dauer = 1,0, Übergang = 17)>
19. Extrahieren Sie den Effektcode von unten links wie folgt: <meta http-äquiv = Seite-Ein-Inhalt = Dessellungsstrans (Dauer = 1,0, Übergang = 18)>
20. Extrahieren Sie den Effektcode aus der oberen linken Seite wie folgt: <meta http-äquiv = Page-Enter-Inhalt = Dessellungsstrans (Dauer = 1,0, Übergang = 19)>
Einundzwanzig. Extrahieren Sie den Effektcode von unten rechts wie folgt wie folgt: <meta http-äquiv = Page-Enter-Inhalt = DENCTRANS (Dauer = 1,0, Übergang = 20)>
Zweiundzwanzig. Extrahieren Sie den Effektcode von der oberen rechts wie folgt wie folgt: <meta http-äquiv = Page-Ein-Inhalt = DENCTRANS (Dauer = 1,0, Übergang = 21)>
Dreiundzwanzig. Der Effektcode der zufälligen horizontalen Linie lautet wie folgt: <meta http-äquiv = Page-Enter-Inhalt = Dessellungsstrans (Dauer = 1,0, Übergang = 22)>
vierundzwanzig. Der Effektcode der zufälligen vertikalen Linie lautet wie folgt: <meta http-äquiv = Seite-Ein-Inhalt = Dessellungsstrans (Dauer = 1,0, Übergang = 22)>
25. Der Zufallseffektcode lautet wie folgt: <meta http-äquiv = Page-Ein-Inhalt = Dessellungsstrans (Dauer = 1,0, Übergang = 23)>
Lassen Sie uns nun diese Codes analysieren. Erstens werden Sie auf jeden Fall sehen, dass die meisten dieser Codes sehr ähnlich sind. Obwohl es viele Kategorien gibt, entsprechen die 25 Unterkategorien in jeder Hauptkategorie demselben und werden durch Zahlen identifiziert (mit Ausnahme der gemischten Effekt-Blendtrans (Dauer = 1,0)), sodass keine Beispiele für Nichtkategorien Beispiele angeben müssen. Ersetzen Sie einfach die Seite von Seite durch Seite-Exit (verlassen Sie die Webseite), die Website (lassen Sie die Website) und die Site-Exit (verlassen Sie die Website), und Sie können den gewünschten Effekt erzielen, und es ist auch bequemer, sich zu merken. Wenn die Dauer = 1,0 festlegen kann, wie lang die Zeit für jeden Zyklus ist, ist das Gerät Sekunden (jetzt ist 1 Sekunde pro Zyklus). Es ist zu beachten, dass die Auswirkungen der vier Hauptkategorien auf einer Webseite gleichzeitig festgelegt werden können, aber jede Hauptkategorie kann nur einen Effekt festlegen. Wenn die Webseite eine Frame -Seite ist, wird der Effekt nicht angezeigt.