移动鼠标显示隐藏透明层的脚本代码

 

< html >    
   < head >    
   < title ></ title >    
   < meta    http-equiv ="Content-Type"    content ="text/html;   charset=gb2312" >    
< script  > ...
function onmouseoverhandler()
...{
var x = window.event.x;
var y = window.event.y;

var div = document.getElementById("Layer1");
div.style.display="block";
div.style.top = y;
div.style.left = x;
var tl = document.getElementById("lb_Title");
tl.innerHTML="测试结果";
var tm= document.getElementById("lb_Time");
var tmp = new Date();
tm.innerHTML=tmp.getFullYear()+"-"+(tmp.getMonth()+1)+"-"+tmp.getDate();
}
function onmouseleavehander()
...{
  var div = document.getElementById("Layer1");
div.style.display="none";
}
</ script >
   </ head >    
    
   < body    >    
    < center >   < input  type =button  value =text  onmouseover ='onmouseoverhandler();'  onmouseleave ="onmouseleavehander();" /></ center >
   < div    id ="Layer1"    style ="display:none;filter:alpha(opacity=80);position:absolute;width:500px;height:20px;
   z-index:1;left:289px;top:104px;background-color:#ffffff;border: solid 1px #9DCEE8 " >
    < table  border =0  width ="100%"  cellpadding ="0"  cellspacing ="0" >
    < tr   valign ="middle" >  
    < td  align ="left"  width ="100%"   >< label  id ="lb_Title"  style ="color:#505050;font-size:12px" > rrr </ label ></ td >
    </ tr >
     < tr  align ="right" >  
    < td   align ="right"   >< label  id ="lb_Time"  style ="color:#505050;font-size:12px" > www </ label ></ td >
    </ tr >
    </ table >
    </ div >    
   </ body >    
   </ html >