Howes-IT-Going - Internet Explorer Web Page Transitions
Meta-Code Chart And Example Links

This page was developed out of a need for a chart referencing page transition effects and the associated meta-codes. There are 25 standard transition effects that can be applied on Site-Enter, Site-Exit, Page-Enter, and Page-Exit. YOU MUST USE INTERNET EXPLORER 4.0+ - to see these transitions! If you find errors or additional non-proprietary code effects, please email me and I'll add to this table! Just click on the links to see examples of corresponding transitions.

This Page - Page Enter - Blend (2 sec.) <meta http-equiv="Page-Enter" content="blendTrans(Duration=2.0)">
0 - Box in <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=0)">
1 - Box out <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=1)">
2 - Circle in <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=2)">
3 - Circle out (1 sec.) <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=3)">
4 - Wipe up <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=4)">
5 - Wipe down <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=5)">
6 - Wipe right <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=6)">
7 - Wipe left <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=7)">
8 - Vertical blinds <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=8)">
9 - Horizontal blinds <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=9)">
10 - Checkerboard across <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=10)">
11 - Checkerboard down <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=11)">
12 - Random dissolve <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=12)">
13 - Split vertical in <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=13)">
14 - Split vertical out <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=14)">
15 - Split horizontal in <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=15)">
16 - Split horizontal out <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=16)">
17 - Strips left down <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=17)">
18 - Strips left up <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=18)">
19 - Strips right down <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=19)">
20 - Strips right up <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=20)">
21 - Random bars horizontal <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=21)">
22 - Random bars vertical <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=22)">
23 - Random <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=23)">

Howes-IT-Going - How to Use Internet Explorer Transitions in HTML

Wipes, fades, pop-ups, up-pops, dissolves, transitions. All those good things. One simple line of code pasted into a HTML page lets you add easy special effects to your Internet Explorer pages.

These are really easy to do. Basically you just add this single line of code somewhere between the<head> </head> tags of a page and you're done. Tucked in at the end of your other META tags it should look like this:
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=2.0,Transition=0)">
The type of transition (wipe, fade, dissolve, etc.) is changed by changing the Transition=x number (instead of x, put in the number of the transition you want). Transition=5 would be a wipe down, Transition=12 would be a random dissolve and so on. Duration=x is how long it takes for the whole thing to do the cute little transition thing. It's set for two or one second(s) as written. You can check out how each transition looks by clicking on the links above and enduring whatever cuteness we put on the pages to serve as examples.



Go Back to:
http://Howes-IT-Going.com

This Webpage and Contents Created by Steven C. Howes © Howes-IT-Going 2003-2010 All rights reserved.