Using revealTrans to do page transitions in Javascript
By: Guru Singh in Javascript Tutorials on 2008-09-05
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.
Add Comment
This policy contains information about your privacy. By posting, you are declaring that you understand this policy:
- Your name, rating, website address, town, country, state and comment will be publicly displayed if entered.
- Aside from the data entered into these form fields, other stored data about your comment will include:
- Your IP address (not displayed)
- The time/date of your submission (displayed)
- Your email address will not be shared. It is collected for only two reasons:
- Administrative purposes, should a need to contact you arise.
- To inform you of new comments, should you subscribe to receive notifications.
- A cookie may be set on your computer. This is used to remember your inputs. It will expire by itself.
This policy is subject to change at any time and without notice.
These terms and conditions contain rules about posting comments. By submitting a comment, you are declaring that you agree with these rules:
- Although the administrator will attempt to moderate comments, it is impossible for every comment to have been moderated at any given time.
- You acknowledge that all comments express the views and opinions of the original author and not those of the administrator.
- You agree not to post any material which is knowingly false, obscene, hateful, threatening, harassing or invasive of a person's privacy.
- The administrator has the right to edit, move or remove any comment for any reason and without notice.
Failure to comply with these rules may result in being banned from submitting further comments.
These terms and conditions are subject to change at any time and without notice.
Comments