如何实现CSDN上鼠标放在用户上会弹出页面的效果？

如题，我想在里面显示一张图片，不晓得这种效果是怎么实现的？

解决方案 »

  1.   

    个人猜想,隐藏DIV onMouseOn => div.style.display = XXX;
      

  2.   

    我认为不是DIV，如果是DIV的话，那么显示的位置是同一个位置，而CSDN上是根据鼠标的位置来决定的
      

  3.   

    这问题，就不要麻烦老孟了吧。就是div+css+js实现，div装载内容，css控制效果，js控制div显示于隐藏以及在显示位置。
      

  4.   

    给div设置样式参考    .popupWindow
        {
            position:absolute;
            left:100px;
            top:50px;
            width:400px;
            border:solid 1px black;
            padding:10px;
            background-color:white;
            filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color=#cccccc); 
            display:none;
        }
      

  5.   

    谢谢大家的解答，还有哪位高手指点一下，好象不是CSDN那样的效果
      

  6.   

    猜测啊
    asp:UpdatePanel控制内容<asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanelOnline">
                    <ProgressTemplate>
                        <img src="update1.gif" />正在刷新，请稍候...
                    </ProgressTemplate>
                </asp:UpdateProgress>
      

  7.   


    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>无标题页</title>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
        <img src="test.jpg" style="width: 70px; height: 94px" onmouseover="show(this)" onmouseout="hide(this)"/>
        
        <div id="enlarge_images" style="position: absolute; z-index:2; height:100px; width:80px;"></div>
        
        <script type="text/javascript"  language="javascript">         
    function show(_this) { 
        document.getElementById("enlarge_images").innerHTML = "<img src='" + _this.src + "' >"; 
    } 
    function hide(_this) { 
        document.getElementById("enlarge_images").innerHTML = ""; 
    } 
    function move_layer(event){ 
        event = event || window.event; 
        enlarge_images.style.left=event.clientX+document.body.scrollLeft+10; 
        enlarge_images.style.top=event.clientY+document.body.scrollTop+10; } 
    document.onmousemove =move_layer; 
    </script>  
        </div>
        </form>
    </body>
    </html>
      

  8.   

    13楼的朋友，谢谢您的解答，可还是没有能够我想实现的类似CSDN的“说话”形式
      

  9.   


    想要那中說話形式 弄一個那樣的圖片做div的背景就可以了
      

  10.   

    http://topic.csdn.net/u/20071218/15/4c1d75ce-85dc-4802-9488-6d3a2cf95448.html
      

  11.   

    请问，怎样才算解决了呢？楼上各位已经说得很清楚了！那个对话框的效果，实际上就是给div一个背景图片。
      

  12.   

    我看CSDN不是那样的，那个效果肯定不是背景图片所形成的