
Interpage transitions make it possible to provide visual effects to the entire window as a Web page is loaded or exited. Just as programs such as PowerPoint® allow for transitions between slides, you can provide wipes, fades, and even create custom transition types.
Transitions are implemented with META tags placed in the HEAD section of Web pages. The META tag specifies the type of transition, duration, and other variables, as well as whether the transition should occur as the following page is loaded or as it is exited.
The syntax for transitions consists of three parts: specifying when the event should be played, the duration of the transition, and what kind of transition effect to use. The following two examples show how to set transitions upon entry and exit of a page.
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=1)> <META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=2.500,Transition=6)>
The first META tag causes transition 1 to play when the user enters the page, lasting 4 seconds; the second META tag causes transition 6 to play when the user leaves the page, lasting 2.5 seconds (written as 2 seconds and 500 milliseconds).
There are four events that can initiate interpage transitions: Page-Enter , Page-Exit, Site-Enter, and Site-Exit. Duration has a maximum value of 30 seconds.
The available reveal transitions that are supported in Internet Explorer 4.0 are described below.
| Transition name | Value |
| Box in | 0 |
| Box out | 1 |
| Circle in | 2 |
| Circle out | 3 |
| Wipe up | 4 |
| Wipe down | 5 |
| Wipe right | 6 |
| Wipe left | 7 |
| Vertical blinds | 8 |
| Horizontal blinds | 9 |
| Checkerboard across | 10 |
| Checkerboard down | 11 |
| Random dissolve | 12 |
| Split vertical in | 13 |
| Split vertical out | 14 |
| Split horizontal in | 15 |
| Split horizontal out | 16 |
| Strips left down | 17 |
| Strips left up | 18 |
| Strips right down | 19 |
| Strips right up | 20 |
| Random bars horizontal | 21 |
| Random bars vertical | 22 |
| Random | 23 |
To easily construct and experiment with these transitions use the following wizard distributed with the Internet Client SDK.
© 1997 Microsoft Corporation. All rights reserved. Terms of Use.