如何实现163邮箱的这种效果

那么代码如何写呢？？
效果图：
http://www.ogfly.com/TmpImg/163mail.jpg

解决方案 »

  1.   

    <style>
    a.aa:link{text-decoration:none;color:red}
    a.aa:hover{text-decoration:none;color:red}
    </style>
    <body topmargin=0 leftmargin=0>
    <div id="d" style="position:absolute;z-index:9999;filter:alpha(opacity=0);background-color:#000000;visibility:hidden"><span style="position:relative">
    <center><br><br><br><br><br><br>
    <table width=200 height=150 border=1 bordercolor="#000000" style="border-collapse:collapse;background-color:#FFFFFF">
    <tr><td valign=middle align=center style="color:red" height=25>123131312</td></tr>
    <tr><td valign=middle align=center><a href="javascript:;" onClick="hide()" class="aa" style="color:#000000">关闭</a></td></tr>
    </table>
    </center></span>
    </div>
    &nbsp;&nbsp;&nbsp;&nbsp;<li><a href="javascript:;" onClick="show()">查看</a>
    <script>
    var obj=document.getElementById("d")
    var t=new Object();
    function show(){
    obj.style.visibility="visible";
    obj.style.width="100%";
    obj.style.height="100%";
    if(obj.filters.alpha.opacity>25){
    obj.filters.alpha.opacity=25;
    clearTimeout(t.timer1);
    return;
    }else{
    obj.filters.alpha.opacity+=2;
    t.timer1=setTimeout("show()",10)
    }
    return;
    }
    function hide(){
    if(obj.filters.alpha.opacity<=0){
    obj.filters.alpha.opacity=0;
    obj.style.visibility="hidden"
    clearTimeout(t.timer2)
    return;
    }else{
    obj.filters.alpha.opacity-=2;
    t.timer2=setTimeout("hide()",5);
    }
    return;
    }
    </script>
    </body>
      

  2.   

    http://blog.never-online.net/article.asp?id=22
      

  3.   

    要是用在框架上又如何写呢，比如有框架top,left,main
      

  4.   

    发现这段代码功能，即窗口也暗了，虽然可用，但不爽，又如何解决呢。<table width=200 height=150 border=1 bordercolor="#000000" style="border-collapse:collapse;background-color:#FFFFFF">
    <tr><td valign=middle align=center style="color:red" height=25>123131312</td></tr>
    <tr><td valign=middle align=center><a href="javascript:;" onClick="hide()" class="aa" style="color:#000000">关闭</a></td></tr>
    </table>