Seitenübergänge zum Seitenwechsel

Seit InternetExplorer 4 bietet Microsoft eine Erweiterung der Meta-Tags an, die einen etwas schöneren Seitenwechsel beim Klicken auf einen Link produzieren. Gemeint sind hier Überblendungen, die Sie einfach in Ihre bestehende HTML-Seite einbauen. Beachten Sie jedoch, dass die Effekte nur mit dem IE ab 4.0 zu bestaunen sind.

Bauen Sie dazu einfach folgende Meta-Tags in den Head-Bereich Ihrer HTML-Datei ein:

<meta http-equiv="Page-Enter" content="RevealTrans(Duration=3,Transition=12)">
<meta http-equiv="Page-Exit" content="RevealTrans(Duration=3,Transition=12)">

Beachten Sie bitte dabei:

  • das "Duration" gibt an, wie lange die Überblendung dauert in Sekunden (auch 0.3 etc.).
  • das Transition gibt den Typ der Überblendung an.

Hier stehen folgende Typen zur Auswahl:

transition=

Effekt

0

Box-Effekt von außen nach innen

1

Box-Effekt von innen nach außen

2

Kreis-Effekt von außen nach innen

3

Kreis-Effekt von innen nach außen

4

Aufroll-Effekt von unten nach oben

5

Aufroll-Effekt von oben nach unten

6

Aufroll-Effekt von links nach rechts

7

Aufroll-Effekt von rechts nach links

8

Streifen-Effekt von links nach rechts

9

Streifen-Effekt von oben nach unten

10

Rechteck-Effekt von links nach rechts

11

Rechteck-Effekt von oben nach unten

12

Zerbröselungseffekt in alle Richtungen

13

Aufroll-Effekt beidseitig von außen nach innen

14

Aufroll-Effekt beidseitig von innen nach außen

15

Zuklapp-Effekt von oben und unten

16

Aufklapp-Effekt nach oben und unten

17

Aufroll-Effekt von rechts oben nach links unten

18

Aufroll-Effekt von rechts unten nach links oben

19

Aufroll-Effekt von links oben nach rechts unten

20

Aufroll-Effekt von links unten nach rechts oben

21

Jalousie-Effekt waagerecht

22

Jalousie-Effekt senkrecht

23

Zufallseffekt aus Effekten 0-22

Als zweite Möglichkeit gibt es noch das "einfache" Überblenden, bei dem die beiden Seiten übereinandergelegt werden und dann die letzte unsichtbar gemacht wird.

Dazu diese MetaTags:

<meta http-equiv="Page-Enter" content="blendTrans(Duration=0.2)">
<meta http-equiv="Page-Exit" content="blendTrans(Duration=0.2)">