有关div隐藏的问题

如何让隐藏的div出现在鼠标点击的位置

解决方案 »

  1.   

    div.style.cssText = "position:absolute";
    div.style.left = event.clientX;
    div.style.top = event.clientY;
      

  2.   


    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <script type="text/javascript">
            function pageLoad() {
                $addHandler(document, "mousedown", mouseClick);                
            }
            function mouseClick(evt) {
                Sys.UI.DomElement.setLocation($get('test'), evt.clientX, evt.clientY);
            }
            function pageUnload() {
                $removeHandler(document, "mousedown", mouseClick);
            }
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <div id="test" style="position:absolute;border:solid 1px Black; width: 300px; height: 300px;background-color:Maroon;overflow:hidden;">
            
        </div>
        </form>
    </body>
    </html>