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.
This policy contains information about your privacy. By posting, you are declaring that you understand this policy:
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:
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.
Most Viewed Articles (in Javascript )
Dynamically modify the option set in Dynamics 365 forms
promise and .then() in JavaScript
reduce() and filter() in JavaScript
History and evolution of Javascript
Using parseInt() and parseFloat() in JavaScript to convert data types to Numbers
Show how many characters remaining in a html text box using javascript
Latest Articles (in Javascript)
© 2023 Java-samples.com
Tutorial Archive: Data Science React Native Android AJAX ASP.net C C++ C# Cocoa Cloud Computing EJB Errors Java Certification Interview iPhone Javascript JSF JSP Java Beans J2ME JDBC Linux Mac OS X MySQL Perl PHP Python Ruby SAP VB.net EJB Struts Trends WebServices XML Office 365 Hibernate
Latest Tutorials on: Data Science React Native Android AJAX ASP.net C Cocoa C++ C# EJB Errors Java Certification Interview iPhone Javascript JSF JSP Java Beans J2ME JDBC Linux Mac OS X MySQL Perl PHP Python Ruby SAP VB.net EJB Struts Cloud Computing WebServices XML Office 365 Hibernate