Page Transitions with Internet Explorer
If you are browsing the web using Internet Explorer then you will have noticed that the previous page didn't just disappear to be replaced by the current page as usually happens when you go to a new web page. Instead the page was slowly transformed from the previous page into the current page. You will see a similar effect when you exit this page.
What you are seeing in each case is one of the twenty three different page transitions that Microsoft have provided within the Internet Explorer browsers. Other browsers don't support page transitions so if you are using any other browser you probably are wondering what I am talking about because the page transition didn't look any different from normal. One of the advantages of this particular feature is that it doesn't cause any problems with other browsers.
The effect itself is created by placing one or two meta tags in the head section of the page. These tags define the transition to take place when the page is entered and also when the page is exited. In each case you need to specify the duration of the effect in seconds and which of the 23 effects to use. For example this page contains the following tags:
<meta http-equiv="Page-Enter" content="RevealTrans(Duration=5,Transition=23)">
<meta http-equiv="Page-Exit" content="RevealTrans(Duration=5,Transition=23)">
One thing to watch out for is that these need to be the first two http-equiv tags in order for them to both function properly. When I first created this page to test the effect I placed these tags below the http-equiv tag defining the character set to be used and the entry effect refused to work.
The effects that you can choose from are:
- Box in
- Box Out
- Circle In
- Circle Out
- Wipe Up
- Wipe Down
- Wipe Right
- Wipe Left
- Vertical Blinds
- Horizontal Blinds
- Chequerboard Across
- Chequerboard Down
- Random Dissolve
- Split Vertical In
- Split Vertical Out
- Split Horizontal In
- Split Horizontal Out
- Strips Left Down
- Strips Left Up
- Strips Right Down
- Strips Right Up
- Random Bars Horizontal
- Random Bars Vertical
You may want to experiment with specifying these different values into the meta tags in your page in order to decide which one to use. Alternatively you can do what I did and specify 23 which selects a different effect randomly from the list each time it is activated.
