Navigation Button

Internet Brothers: Helpware for the Cybercommunity - DHTML Page Transitions

Dynamic HTML Page Transition Effects

Internet Explorer 4+ only

With the introduction of Microsoft's Internet Explorer 4.x, page transitions came along. Built-in to the browser itself, transitions are IE 4.x or 5.x exclusive effects that are applied to the entire document upon page enter or exit. Perhaps you have seen some of these swipes and other transitional effects on television when switching between scenes.

To allow you to easily sample all of the 24 transitions and pick out the ones you want to use, we've created the following transition sampler. Use the list on the left to select a transition, and the effect will be shown in the mini-window below. When you see one you'd like to use, click "This One, please", and copy the code in the Directions box. Remember when you insert the code in your HTML file, it affects the entire page, unlike these examples.

Credits: The concept for this tip was derived from Dynamic Drive. Internet Brothers has tailored the look and function to fit our layout.

Choose Transition
Box in
Box out
Circle in
Circle out 
Wipe up 
Wipe down 
Wipe right 
Wipe left
Vertical blinds 
Horizontal blinds
Checkerboard across
Checkerboard down
Random dissolve
Split vertical in 
Split vertical out
Split horizontal in
Split horizontal out
Strips left down 
Strips left up
Strips right down
Strips right up
Random bars horizontal
Random bars vertical
Random
Blend in

Directions: Simply insert the code below into the <head> section of your page. You can change the duration of the effect from the default of 4 seconds to another by changing "Duration=4" to your choice.


Was this site useful to you?
Vote For Us at WebbieWorld

Helpful TipTo print a copy of an Internet Brothers tip or article, simply take a photograph of your computer screen, develop the film and have the photo enlarged to the font size of your choice.

The Internet Brothers have implemented hierarchical menus for navigation. Easier done than said.

The hierarchical menus were created using Peter Belesis' © Dynomat DHTML scripting tool from Webreference. Give them a visit, you'll like what you learn.

Our Lovely Email Icon    another darn bug






Site Map

 

 

 

 

 

 

The more you complain, the longer God lets you live.

 

 

 

 

 

Copyright © 1997-present Internet Brothers. All Rights Reserved. Really.