单击弹出菜单

<div onClick="showmenu("div")">点我</div>在鼠标指针处弹出<div id="menu">复制/粘贴</div>

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>    <script type="text/javascript" src="../js/jquery-1.3.2.js"></script>    <script type="text/javascript">
            showmenu = function(o) { 
                var x = window.event.x;
                var y = window.event.y;
                $("#menu").css({ left: x, top: y });
                $("#menu").show();
            }
        </script></head>
    <body>
        <div onclick="showmenu(this)" style="cursor:default">
            点我</div>
        <div id="menu" style="position: absolute; display: none; border: solid 1px red; padding: 5px;
            background-color: Gray;">
            复制/粘贴
        </div>
    </body>
    </html>
      

  2.   


    <div id="menu" style="display:none;z-index:1;border:solid blue 1px;position:absolute;">复制/粘贴</div>
    <div onClick="showmenu()" style="cursor:hand;">点我 </div>
    <script>
    function showmenu(){
    var menu = document.getElementById("menu");
    if(menu.style.display=="none"){
    menu.style.left=event.x;//仅限IE
    menu.style.top=event.y;
    menu.style.display="block";
    }else{
    menu.style.display="none";
    }
    }
    </script>看看这个满不满足楼主的要求，这个要考虑一下z-index，display、position属性、坐标取值等问题，这些问题解决了问题就不大，主要是要熟悉css,javascript,html这些东西,那么做富客户端就容易点
      

  3.   

    要下载jquery的js文件导入才看到效果