blendTrans Filter

DHTML, HTML, & CSS

previous page next page

alpha Filter

blur Filter

Visual Filters and Transi...

Web Workshop | DHTML, HTML & CSS

blendTrans Filter

Fades the visual object into or out of view.

Syntax

HTML <ELEMENT STYLE = "filter: blendTrans(sProperties)" ... >

Scripting object.style.filter = "blendTrans(sProperties)"

HTML	<ELEMENT STYLE = "filter: blendTrans(sProperties)" ... >
Scripting	object.style.filter = "blendTrans(sProperties)"

Possible Values

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

Remarks

This attribute is not inherited.

Members

blendTrans Members

Example

This example uses the blendTrans filter to fade a DIV into and out of view.

Sample Code

<HEAD>
<SCRIPT>
function fadeOut() {
    oDiv.style.filter="blendTrans(duration=2)";
    // make sure filter is not already playing
    if (oDiv.filters.blendTrans.status != 2) {
        oDiv.filters.blendTrans.apply();
        oDiv.style.visibility="hidden";
        oDiv.filters.blendTrans.play();
    }
}
function fadeIn() {
    oDiv.style.filter="blendTrans(duration=2)";
    // make sure filter is not already playing
    if (oDiv.filters.blendTrans.status != 2) {
        oDiv.filters.blendTrans.apply();
        oDiv.style.visibility="visible";
        oDiv.filters.blendTrans.play();
    }
}
</SCRIPT>
</HEAD>

<BODY>
<!-- DIV must be assigned a width to give it layout -->
<DIV ID="oDiv" STYLE="width: 200">
This text can be faded in and out.
</DIV>
<P>
<BUTTON onclick="fadeOut()">Fade Text Out</BUTTON> 
<BUTTON onclick="fadeIn()">Fade Text In</BUTTON>
</P>
</BODY>

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.

Applies To

[ Object Name ]

Platform Version

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

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

previous page start next page