Using revealTrans to do page transitions in Javascript

By: Guru Singh Printer Friendly Format    


Here are some page transitions to amaze your visitors. All you have to do is add a new meta tag to the <HEAD> section of your page:

<META http-equiv="Page-Enter" content="revealTrans(Duration=5,Transition=17)">

That's all there is to it! In the above code, the time it takes to transition is five seconds and the transition effect is #17. Below is a list of all available transition effects.

0 - Shrinking Box
1 - Growing Box
2 - Shrinking Circle
3 - Growing Circle
4 - Wipes Up
5 - Wipes Down
6 - Wipes Right
7 - Wipes Left
8 - Right-Moving Stripes
9 - Downward-Moving Stripes
10 - Right-Moving Boxes
11 - Downward-Moving Boxes
12 - Dissolve Screen
13 - Horizontal Curtain Closing
14 - Horizontal Curtain Opening
15 - Vertical Curtain Closing
16 - Vertical Curtain Opening
17 - Left-Down Wipe
18 - Left-Up Wipe
19 - Right-Down Wipe
20 - Right-Up Wipe
21 - Horizontal Bars Dissolve Screen
22 - Vertical Bars Dissolve Screen
23 - Random Effect, for the adventurous!


There you have it. Netscape will ignore these tags, but visitors using Internet Explorer (far and away the majority), will see nifty transition effects.



Ask a Question



Most Viewed Articles (in Javascript )

Latest Articles (in Javascript)

Comment on this tutorial