Menu
Orginal sample: [url]http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/reference/filters/fade.asp
[CODE]<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; filter:progid:DXImageTransform.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; filter:progid:DXImageTransform.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>