<div id="clickLayer"  style="position:absolute; width:80px; background: buttonface; height:80px; z-index:1;  border: 1px none #000000; visibility: hidden; FILTER:progid:DXImageTransform.Microsoft.Shadow(Color=#999999,offX=10,offY=10,direction=135,Strength=5);">
 <td style="cursor:hand" onclick="lz()" onmouseover="this.style.background='red'" onmouseout="this.style.background='gray'">1</td><br>
 <td  style="cursor:hand" onclick="hz()" onmouseover="this.style.background='red'"onmouseout="this.style.background='gray'">2</td><br>
 <td  style="cursor:hand" onclick="closeDiv()"onmouseover="this.style.background='red'"onmouseout="this.style.background='gray'">3</td><br>
   </div>

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>澷??暥瀮</title>
     <SCRIPT LANGUAGE="JavaScript">
    <!--function on_Focus(bj){
        bj.style.color='#ffffff';
      bj.style.background='#0099FF';
     }function on_Blur(bj){bj.style.background='#ffffff';
    bj.style.color='#2A1F00';
    }function addrow()
    {
    var otr,otd
    var obj=document.all.mytable
    otr=obj.insertRow(obj.rows.length);
    otd=otr.insertCell(0);
    otd.style.height='18';
    otd.innerText="   ";otr.onmouseover=function(){on_Focus(otr)} ;
    otr.onmouseout=function(){on_Blur(otr)};
    }
    -->
    </script></head><body>
    <table width="165" height="26" border="1" id="mytable">
      <tr onMouseOver="on_Focus(this)" onMouseOut="on_Blur(this)">
        <td height="20">&nbsp;</td>
      </tr>
    </table>
    <input type="button" name="Submit" value="鷿壛" onClick="addrow()">
    </body>
    </html>