javascript - 如何制作 Jquery Popup 便签

您将如何制作 JQuery 弹出式注释？这是我目前拥有的，

Note Code Example

<html>
        <head>
            <script type="text/javascript" src="jquery.js"> </script>
            <style type="text/css" rel="stylesheet">
                #popup {
                    border: 1px solid black;
                    width: 400px;
                }
            </style>
            <script type="text/javascript">
                $(document).ready(function() {
                    $(".HoverMe").mouseenter(function() {
                        var left = $(".HoverMe").position().left;
                        var top = $(".HoverMe").position().top;

                        $("body").append("<div id=\"popup\"> </div>");
                        $("#popup").css("left",left);
                        $("#popup").css("top",top);
                        $("#popup").append("<p> Hello World </p>");
                    });
                    $(".HoverMe").mouseleave(function() {
                        $("#popup").fadeout("fast");
                    });
                });
            </script>
        </head>
        <body>
            <div class="HoverMe">
                Hover Me
            </div>
        </body>
    </html>

那不是我想要的，我想要的是当你将鼠标悬停在一些文本上时，它会显示一个带有一些文本的弹出窗口。如果有意义，弹出窗口将与文本居中对齐。

任何例子都会有用，

谢谢!

最佳答案

为此使用其他人的代码怎么样？我推荐tipsy .

关于javascript - 如何制作 Jquery Popup 便签，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3671505/