revealTrans Filter

DHTML, HTML, & CSS

revealTrans Filter


Shows or hides visual objects using one of 23 predefined transition effects.

Syntax

HTML<ELEMENT STYLE = "filter: revealTrans(sProperties)" ... >
Scriptingobject.style.filter = "revealTrans(sProperties)"

Possible Values

sProperties String that specifies one or more properties exposed by the filter.

Remarks

For a list of the 23 predefined transitions that can be used with the revealTrans filter, see the transition property.

Members

Example

This example uses the revealTrans filter to reveal and conceal objects using two different types of transitions.

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 Transistion" 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>

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.
BODY, BUTTON, DIV, IMG, INPUT type=button, INPUT type=checkbox, INPUT type=file, INPUT type=image, INPUT type=password, INPUT type=radio, INPUT type=reset, INPUT type=submit, INPUT type=text, MARQUEE, runtimeStyle, SPAN, style, TABLE, TD, TEXTAREA, TH

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.