onmouse事件

页面上有很多链接<a>
我想当鼠标放到<a>上时，显示一个层，层上面有“修改”，“删除”链接。点修改和删除执行其他的动作。。

解决方案 »

  1.   

    用js生成一个透明的div 在div上加修改 删除两个a就行了
      

  2.   

    给一个完整的例子
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>测试</title>
    </head>
    <script language="javascript" type="text/javascript">
    function FunX(x)
    {
    //工作函数...
    alert("Test: "+x);
    }
    function sh(id,evnt) {
    var obj = document.getElementById(id);
    var x = evnt.clientX + document.body.scrollLeft;
    var y = evnt.clientY + document.body.scrollTop;
    obj.style.left = x + "px";
    obj.style.top = y + "px";
    if(obj.style.visibility != "visible"){
    obj.style.visibility = "visible";
    }
    }
    </script><body>
    <p><a onMouseOver="javascript:sh('div01',event)"  href="###">连接测试</a></p>  
    <div id="div01" style="background-color:#FF9900; width:100px; position:absolute; padding:3px; visibility:hidden; font-family:Verdana; font-size:11px;" onMouseOver="this.style.visibility='visible';" onMouseOut="this.style.visibility='hidden';">
    <a href="#" onClick="javascript:FunX('msg 001');">操作1 &nbsp;</a>
    <a href="#" onClick="javascript:FunX('msg 002');">操作2 &nbsp;</a>
    </div>
    </body>
    </html>
      

  3.   


    下面是我修改的。。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
    "http://www.w3.org/TR/html4/loose.dtd"> 
    <html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
    <title>测试 </title> 
    </head> 
    <script language="javascript" type="text/javascript"> 
    var aId;
    function FunX(x) 
    { 
    //工作函数... 
    alert("Test: "+x+","+aId); 
    } function sh(id,evnt,sId) { 
    aId=sId;
    var obj = document.getElementById(id); 
    var x = evnt.clientX + document.body.scrollLeft; 
    var y = evnt.clientY + document.body.scrollTop; 
    obj.style.left = x + "px"; 
    obj.style.top = y + "px"; 
    if(obj.style.visibility != "visible"){ 
    obj.style.visibility = "visible"; 
    } 
    } 
    </script> <body> 
    <p> <a onMouseOver="javascript:sh('div01',event,1)"  href="###">连接测试1 </a> 
     <a onMouseOver="javascript:sh('div01',event,2)"  href="###">连接测试 2</a>
     <a onMouseOver="javascript:sh('div01',event,3)"  href="###">连接测试 3</a>
      <a onMouseOver="javascript:sh('div01',event,4)"  href="###">连接测试 4</a>
    </p>  <div id="div01" style="background-color:#FF9900; width:100px; position:absolute; padding:3px; visibility:hidden; font-family:Verdana; font-size:11px;" onMouseOver="this.style.visibility='visible';" onMouseOut="this.style.visibility='hidden';"> 
    <a href="#" onClick="javascript:FunX('msg 001');">操作1 &nbsp; </a> 
    <a href="#" onClick="javascript:FunX('msg 002');">操作2 &nbsp; </a> 
    </div> 
    </body> 
    </html>
      

  4.   

    建议用你说的效果,再加上Ajax实现,用户体验就会非常好
      

  5.   

    用js做；
    在js脚本语言中定义一个方法，通过getElementById()获得层，
    改变display属性就OK了
    例如：
     <javascript lauguant=javascript>
       function showDiv(){
         document.getElementById('层id名').style.display=block;
       }
    </javascript>
    然后在<A>中触发showDiv方法。