transition Attribute | Transition

HTML (DHTML)

previous page next page

transition Attribute | Transition Property

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 ]

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

Possible Values

iTransitionType Integer that specifies or receives 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 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