|
 |
|
|
|
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.
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 | Ponytails | Propheads | Contact WDJ | Discuss | Web Audio | Search |
| Access FREE IBM CIO Whitepapers: |