Internet Explorer transition effects for web pages
Sponsored Links
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!
Recent Articles
Recent Blog Posts
Popular Articles
- Hotmail Sign In page
- Create a Hotmail account - Instructions
- Create Gmail address
- Download and install Outlook Express
- Get your free Gmail address
- Outlook Express new version
- Create my own email address
- Browers for Windows list
- Get email address
- Color combinations for web sites and pages
- Create Yahoo ID
More web tips & tricks
- Outlook Express Help - tips & tricks (53)
- Windows Live Mail help and tips (36)
- Windows Mail help (25)
- Hotmail help and tips (42)
- Yahoo help & support (45)
- AOL email help (26)
- Gmail help and tips (36)
- Internet tips & tricks (12)
- Web Design tips & tricks (33)
- HTML, Javascript tips tricks (68)
- Web Promotion tips & tricks (8)
- Graphics tips & tricks (20)
