WebDevelopersJournal.comTips on Web Page Design, HTML and Graphics
SITE SEARCH
Newsletters
Java/Open Source Update



Jobs at webdeveloper.com

Resources By Subject
Technical
Graphical
Authoring
Business
WDJ resources
Archive

internet.com

internet.commerce


Developer Channel


Find a web host with:
CGI Access DB Support Telnet Access
NT Servers UNIX Servers



Semi-automatic?

JavaScript
JavaScript Helper:
Meet Paige Turner, the least geeky geek we've ever come across.

Variables and Operators Explained:
First of a three part guide to JavaScript basics.

Controlling Forms:
Enhance your HTML forms with a touch of JS.

DHTML:
Forget how it works, let's see some in action!


How to Use Cool Transitions in IE
by Paige Turner

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.

April 6, 1999

Occasionally something as cool and unusual as <blink> comes along and you just have to do it for a week or so. Transitions only work with IE right now but they are sure to find some real use as Web design imaginations are put to the task. This technique lets you add hokey transitions between pages - just like in the movies.

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=4,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 twee little transition thing. It's set for four seconds as written. You can check out how each transition looks by clicking on the links below and enduring whatever cuteness we put on the pages to serve as examples.

Or even better, you can click here to start an automated presentation that runs through all the transitions one after the other. This is going to be very boring if you're using Netscape but very cool if you're using a late-model IE browser.

0 - Box in
1 - Box out
2 - Circle in
3 - Circle out
4 - Wipe up
5 - Wipe down
6 - Wipe right
7 - Wipe left
8 - Vertical blinds
9 - Horizontal blinds
10 - Checkerboard across
11 - Checkerboard down
12 - Random dissolve
13 - Split vertical in
14 - Split vertical out
15 - Split horizontal in
16 - Split horizontal out
17 - Strips left down
18 - Strips left up
19 - Strips right down
20 - Strips right up
21 - Random bars horizontal
22 - Random bars vertical
23 - Random

That's the whole deal. Don't miss the WackyPages.

Messing about with transitions, behaviors, wipes, fades, cool HTML 4 and DHTML effects.
DHTML, HTML 4, transitions - that's what we're fooling around with here. Works with IE only though.
Suits PonytailsPropheadsContact WDJDiscussWeb AudioSearch