IE Transitions

Internet Explorer supports a wide variety of transitions that you can use to create interesting effects between one object and another on your page. There are two types of transition styles: those associated with IE 4.0 and those associated with IE 5.5 and above. Choose the transition style you want to apply from the drop-down list box. The parameter values for each transition can also be selected from the corresponding drop-down list box. To see the transition style that is applied to the object, view the code at the bottom of the page.

First Sample Image

Transition Parameters
Transition Type:	--- Select a transition --- Barn Blinds Checkerboard Fade GradientWipe Inset Iris Pixelate RadialWipe RandomBars RandomDissolve Slide Spiral Stretch Strips Wheel Zigzag blendTrans() [ 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
Duration (seconds):	0.5 1.0 2.0 3.0 4.0 5.0 10.0

Carey, P. New Perspectives on JavaScript, Course Technology: Boston, 2005.