blendTrans Filter

MS Office DHTML, HTML & CSS

previous page next page
 
Click to return to the DHTML, HTML & CSS home 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)" ... >
Scriptingobject.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

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.
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.
 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.

 

previous page start next page