<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>    
  • 查看