transition Attribute | Transition

HTML (DHTML)

transition Attribute | Transition Property

Internet Development Index

Sets or retrieves the type of transition.

Syntax

HTML
{ filter:progid:DXImageTransform.Microsoft.RevealTrans(
    transition = iTransitionType ... ) ... }
Scripting
object.filters.item(
    "DXImageTransform.Microsoft.RevealTrans").Transition [ = iTransitionType ]

Possible Values

iTransitionTypeInteger that specifies or receives one of the following values:
0Box in.
1Box out.
2Circle in.
3Circle out.
4Wipe up.
5Wipe down.
6Wipe right.
7Wipe left.
8Vertical blinds.
9Horizontal blinds.
10Checkerboard across.
11Checkerboard down.
12Random dissolve.
13Split vertical in.
14Split vertical out.
15Split horizontal in.
16Split horizontal out.
17Strips left down.
18Strips left up.
19Strips right down.
20Strips right up.
21Random bars horizontal.
22Random bars vertical.
23Random transition from above possible values.

The property is read/write. The property has 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 transition.

<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 Microsoft® Internet Explorer 4.0 or later. Click the following icon to install the latest version. Then reload this page to view the sample.

Applies To

RevealTrans

See Also

apply, play, Duration, stop