DHTML Lab: Cross-Browser Visibility Transitions; Wrap-up

Cross-Browser Visibility Transitions
wrap-up

In this column, we created a positioned element visibility transition library.

More importantly, hopefully, we demonstrated how to develop routine libraries in general, using separate functions and a controlling switch statement for redirection.

We kept the library fairly modular, to allow easy additions or omissions. If you do not have need for all the transitions discussed, simply delete the case label and the function associated with the transition.

The transition-generating form from our front page is reproduced below for review:

0 Box insame 1 Box outsame* 2 Circle inalt 3 Circle outalt* 4 Wipe upsame 5 Wipe downsame 6 Wipe rightsame 7 Wipe leftsame  8 Vertical blindssub  9 Horizontal blindssub 10 Checkerboard acrosssub 11 Checkerboard downsub 12 Random dissolvesub 13 Split vertical insame 14 Split vertical outsame* 15 Split horizontal insame 16 Split horizontal outsame* 17 Strips left downalt 18 Strips left upalt 19 Strips right downalt 20 Strips right upalt 21 Random bars horiz.sub 22 Random bars vert.sub 23 Randomsame

This text is originally    hidden by the positioned element.

Duration (secs):

All the code discussed is repeated in our code pages.

Produced by Peter Belesis and

All Rights Reserved. Legal Notices.
Created: Apr. 28, 1998
Revised: Apr. 28, 1998

URL: https://www.webreference.com/dhtml/column19/transFinal.html