如何制作Jquery Popup注釋

Question

你會如何制作一個JQuery popup Note？ 這就是我現在擁有的，

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>

這不是我想要的，我想要的東西就像你懸停一些文字，它顯示一個帶有一些文字的彈出窗口。 然后，如果有意義，彈出窗口將與文本的中心對齊。

任何例子都會有用，

謝謝！

Answer 1

如何使用別人的代碼呢？ 我推薦醉了。

Answer 2

看看這里。 它不是jQuery，雖然可以說它比jQuery更簡單：

http://sixrevisions.com/css/css-only-tooltips/

如何制作Jquery Popup注釋

問題描述

2 個解決方案

解決方案1
4 已采納 2010-09-08 20:15:24

解決方案2
0 2010-09-08 20:14:53

如何制作Jquery Popup注釋

問題描述

2 個解決方案

解決方案1 4 已采納 2010-09-08 20:15:24

解決方案2 0 2010-09-08 20:14:53

解決方案1
4 已采納 2010-09-08 20:15:24

解決方案2
0 2010-09-08 20:14:53