In Internet Explorer, it is possible to reveal pages using various transition effects. These effects are similar to those found in MSOffice PowerPoint.
Note: Netscape Navigator does not show Transitions and it ignores the tags.
There are at present 23 type of transitions as listed in the table below.
| Numercal value | Description |
|---|---|
| 0 | Box in |
| 1 | Box out |
| 2 | Circle in |
| 3 | Circle out |
| 4 | Wipe up |
| 5 | Wipe down |
| 6 | Wipe right |
| 7 | Wipe left |
| 8 | Vertical blinds |
| 9 | Horizontal blinds |
| 10 | Checkerboard across |
| 11 | Checkerboard down |
| 12 | Random dissolve |
| 13 | Split vertical in |
| 14 | Split vertical out |
| 15 | Split horizontal in |
| 16 | Split horizontal out |
| 17 | Strips left down |
| 18 | Strips left up |
| 19 | Strips right down |
| 20 | Strips right up |
| 21 | Random bars horizontal |
| 22 | Random bars vertical |
| 23 | Random |
These transitions can be used while entering or exiting a page by employing different values for http-equiv attribute in the <meta> tag.
<meta http-equiv="Page-Enter" content="RevealTrans(Duration=2.0,Transition=2)" /> <meta http-equiv="Page-Exit" content="RevealTrans(Duration=3.0,Transition=12)" />
The META tags have to be placed inside the HTML head. Duration determines the number of seconds for the transition effect and Transition supplies the type. Note: The value of Transition is a number (refer table above). Page-Enter and Page-Exit specify loading and unloading of the page.
The code above causes the page to be displayed using the circle in effect that lasts for 2 seconds. When you leave this page, by loading another document, the page randomly dissolves in three seconds to reveal the new page. Cool!
Page contents: Details on Internet Explorer web page transition effects by employing the META tags of the HTML head.
Comments, questions, feedback... whatever!