<!-- This element has the filter applied. -->

<DIV ID="oTrans" STYLE="position:absolute; top:0px; left:0px; width:100%; height:100%;
        background-image=url(file:///C:/WINDOWS/Web/Wallpaper/Bliss.bmp);
        filter:progid:DXImageTransform.Microsoft.Fade(duration=2);">
<BUTTON onclick="fnToggle()">Logout</BUTTON>

<DIV ID="oTrans1" STYLE="position:absolute; top:0px; left:0px; width:100%; height:100%; visibility:hidden;
        background-image=url(file:///C:/WINDOWS/Web/Wallpaper/Bliss.bmp);
        filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);">
<BUTTON onclick="fnToggle()">Cancel</BUTTON>
</DIV>

</DIV>




<SCRIPT>
var bTranState = 0;


function fnToggle()
{
    oTrans.filters[0].Apply();
   
    if (bTranState==0)
    {
                bTranState = 1;
                oTrans1.style.visibility="visible";
        }
    else
    {
            oTrans.filters[0].stop();
                bTranState = 0;
                oTrans1.style.visibility="hidden";
        }

    oTrans.filters[0].Play();
}

</SCRIPT>

初次写 js 特效，有点不精简，呵呵。

最开始是做一个 div ，直接用 fade 和 baseimage 两个虑境，但是由于某些原因，fade虑境被省略了，于是做两个 img 呵呵。

我最开始是发布在51js上的，搜索了下，网上已经有人乱转代码了。国内软件行业就这种抄过去抄过来的混乱。