TRANSITION Attribute | transition Property

DHTML, HTML, & CSS

TRANSITION Attribute | transition Property


Sets or retrieves the type of transition.

Syntax

HTML { filter:revealTrans (TRANSITION = iTransitionType ...) }
Scripting object.filters.revealTrans.transition [ = iTransitionType ]

Possible Values

iTransitionType Integer that specifies one of the following values:
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.

The property is read/write with no default value.

Remarks

Transitions appear properly only on systems that have the color palette set to display 256 colors or more.

Example

This example uses the transition property to specify "circle in" and "circle out" transitions for the revealTrans filter.

Sample Code

<SCRIPT>
function go() {
    C1.filters[0].Apply();

if (C1.style.visibility == "visible") {
        C1.style.visibility = "hidden";
	C1.filters.revealTrans.transition=2;
    }
    else {
        C1.style.visibility = "visible";
	C1.filters[0].transition=3;
    }
    C1.filters[0].Play();
}
</SCRIPT>
<INPUT TYPE=BUTTON VALUE="Play Transition" onClick="go();"></INPUT>
<SPAN ID=C1 STYLE="position:absolute;visibility:visible;
   filter:revealTrans(DURATION=2, TRANSITION=3);
   width:300; height:300; background-color: lightgreen">
<CENTER>
   <DIV STYLE="background-color=red;height=100;width:100;
      position:relative;top:100"></DIV>
</CENTER>
</SPAN>
This feature requires Internet Explorer 4.0 or later. Click the icon below to install the latest version. Then reload this page to view the sample.
Microsoft Internet Explorer

Applies To

[ Object Name ]
PlatformVersion
Win16:
Win32:
Mac:
Unix:
WinCE:
Version data is listed when the mouse hovers over a link, or the link has focus.
revealTrans

Back to topBack to top

Did you find this topic useful? Suggestions for other topics? write us!Internet Link

© 1999 microsoft corporation. all rights reserved. terms of useInternet Link.