<HTML> <HEAD> <TITLE>Filter Effect</TITLE> <META NAME="FILENAME" CONTENT="filter_JS.HTM"> <STYLE> B {cursor:hand} A:link { color:#003399; text-decoration:none; } A:visited { color:#6699CC; text-decoration:none; } A:hover { text-decoration:underline; } </STYLE> </HEAD> <BODY TOPMARGIN=20 LEFTMARGIN=40 BGCOLOR="#FFFFFF" LINK="#000066" VLINK="#666666" TEXT="#000000"> <!--TOOLBAR_START--> <!--TOOLBAR_EXEMPT--> <!--TOOLBAR_END--> <H2> </H2> <P><P> <FONT FACE="verdana,arial,helvetica" SIZE=2> <STRONG>To run this sample, </STRONG> click on the word <SPAN ID="Text4" onclick="curObj = Inner3; toggleMultimedia()"><I><B>here</b></I></SPAN> once to fade out. Click again to fade in.<BR> <BR> </font></P><FONT FACE="verdana,arial,helvetica" SIZE=2><DIV ID="Inner3" STYLE="width: 100%; filter:blendTrans(duration=3)"> <FONT STYLE="font-size: 25"> <P>Apply multimedia fade effect to this text.<br> </P></font> </DIV> <BR> <SCRIPT LANGUAGE="JavaScript"> var curObj; function toggleMultimedia() { //First, halt the transition if it is currently playing if (curObj.filters(0).status == 2) { curObj.filters(0).Stop(); if (curObj.style.visibility == "hidden") curObj.style.visibility = "visible"; else curObj.style.visibility = "hidden"; window.setTimeout("toggleMultimedia()", 1); } //Now apply the transition curObj.filters(0).Apply(); //Toggle visibility if (curObj.style.visibility == "hidden") curObj.style.visibility = "visible"; else curObj.style.visibility = "hidden"; //Play the transition curObj.filters(0).Play(); } </SCRIPT> <P> </P> </font></BODY> </HTML>