Using revealTrans to do page transitions in Javascript

By: Guru Singh Emailed: 1649 times Printed: 2120 times    

Latest comments
By: rohit kumar - how this program is work
By: Kirti - Hi..thx for the hadoop in
By: Spijker - I have altered the code a
By: ali mohammed - why we use the java in ne
By: ali mohammed - why we use the java in ne
By: mizhelle - when I exported the data
By: raul - no output as well, i'm ge
By: Rajesh - thanx very much...
By: Suindu De - Suppose we are executing

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.


Javascript Home | All Javascript Tutorials | Latest Javascript Tutorials

Sponsored Links

If this tutorial doesn't answer your question, or you have a specific question, just ask an expert here. Post your question to get a direct answer.



Bookmark and Share

Comments(0)


Be the first one to add a comment

Your name (required):


Your email(required, will not be shown to the public):


Your sites URL (optional):


Your comments:



More Tutorials by Guru Singh
Scrolling message on the status bar using Javascript
Diabling Right Click option in a browser using Javascript
Password protect a web page using Javascript
Using revealTrans to do page transitions in Javascript
Question: How is the MVC design pattern used in Struts framework?
Question: What is the directory structure of a web application?
Question: Explain the life-cycle methods in JSP?
Question: What is an output comment in JSP?
Question: What is a Hidden Comment in JSP?
Question: What is an Expression tag in JSP?
Question: Difference between forward and sendRedirect in JSP?

More Tutorials in Javascript
Use WinSCP to transfer log files remotely using Javascript
Verifying user input in JavaScript
Pause execution in JavaScript
Javascript to display client date and time on webpage
Getting Browser's height and width using Javascript
Highlighting text on a page using CSS
Using revealTrans to do page transitions in Javascript
Password protect a web page using Javascript
Diabling Right Click option in a browser using Javascript
Scrolling message on the status bar using Javascript
window.frames[i] in Javascript
Form validation using Javascript
Using && in Javascript
The if statement in Javascript
do-while, while, for and for-in loops in Javascript

More Latest News
Most Viewed Articles (in Javascript )
Using parseInt() and parseFloat() in JavaScript to convert data types to Numbers
Using && in Javascript
Typecasting in Javascript
Bitwise NOT, AND, OR, XOR operators in Javascript
do-while, while, for and for-in loops in Javascript
Password protect a web page using Javascript
Getting Browser's height and width using Javascript
Use WinSCP to transfer log files remotely using Javascript
Show how many characters remaining in a html text box using javascript
Click to remove an element from a select html form using javascript
List of Keywords and reverved words in Javascript
Math object and Math functions in Javascript
this keyword sample in Javascript
window.frames[i] in Javascript
Using revealTrans to do page transitions in Javascript
Most Emailed Articles (in Javascript)
Javascript to display client date and time on webpage
Typecasting in Javascript
Bitwise NOT, AND, OR, XOR operators in Javascript
Click to remove an element from a select html form using javascript
Using ! and !! in Javascript
this keyword sample in Javascript
Using revealTrans to do page transitions in Javascript
Pause execution in JavaScript
History and evolution of Javascript
Using parseInt() and parseFloat() in JavaScript to convert data types to Numbers
Diabling Right Click option in a browser using Javascript
Getting Browser's height and width using Javascript
Verifying user input in JavaScript
Show how many characters remaining in a html text box using javascript
List of Keywords and reverved words in Javascript