渐变，蒙上一层（特效）

< 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 = document.body.clientWidth;
    obj.style.height = document.body.clientHeight;
     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 >