<html>
<body>
<BUTTON onclick="fnToggle('oTransContainer','oDIV1','oDIV2')">Toggle Transition</BUTTON>
<table>
<tr>
<td STYLE="width: 57px;height:17px;">
<DIV ID="oTransContainer" STYLE="position:absolute;width: 57px;height:17px; filterrogidXImageTransform.Microsoft.Fade(duration=1.0,overlap=0.0) ">
<DIV ID="oDIV1" STYLE="position:absolute;width:57px; height:17px;background:gold"> DIV #1</DIV>
<DIV ID="oDIV2" STYLE="visibility:hidden;position:absolute;width:57px; height:17px; background: yellowgreen; ">DIV #2</DIV>
</DIV>
</td>
<td STYLE="width: 57px;height:17px;">
<DIV ID="DIV1" STYLE="position:absolute;width: 57px;height:17px; filterrogidXImageTransform.Microsoft.Fade(duration=1.0,overlap=0.0) ">
<DIV ID="DIV2" STYLE="position:absolute;width:57px; height:17px;background:gold"> DIV #1</DIV>
<DIV ID="DIV3" STYLE="visibility:hidden;position:absolute;width:57px; height:17px; background: yellowgreen; ">DIV #2</DIV>
</DIV>
</td>
</tr>
</table>
</body>
</html>


<SCRIPT>
var bTranState = 0;
function fnToggle(PMTCont,PMD1,PMD2) {
PMTCont.filters[0].Apply();
if (bTranState=='0') {
bTranState = 1;
PMD2.style.visibility="visible";
PMD1.style.visibility="hidden";}
else {
bTranState = 0;
PMD2.style.visibility="hidden";
PMD1.style.visibility="visible";}
PMTCont.filters[0].Play();}
</SCRIPT>


sample copy from: http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/reference/filters/fade.asp