jQuery怎么实现文本框的ToolTip效果

  表单表格里有很多个文本框  当我鼠标移动到某个文本框上的时候就获取那个文本框里的内容并显示出来 
  我该怎么实现这么个ToolTip效果啊  哪位大侠指点下小弟  先谢谢了

解决方案 »

  1.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
            <title>Untitled Document</title>
            <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" language="javascript">
            </script>
            <script type="text/javascript">
                $(document).ready(function(){
                    $("#txt").bind("mouseover", function(e){
                        var e = window.event || e;
                        var div;
    if (document.getElementById("div1") == null)
    {
    div = $("<div></div>");
    }
    div.attr("id", "div1");
                        div.html($(this).val());
                        var x;
                        var y;
                        if (e.pageX || e.pageY) {
                            x = e.pageX;
                            y = e.pageY;
                        }
                        else {
                            x = e.clientX;
                            y = e.clientY;
                        }
                        div.css({
                            "left": x,
                            "top": y,
    "background-color":"yellow",
    "border":"1px solid darkyellow",
    "width":"100px",
    "height":"30px",
    "position":"absolute"
                        });
    if (document.getElementById("div1") == null)
                         div.appendTo("body");
                    });
                });
            </script>
        </head>
        <body>
            <input type="text" id="txt" value="ssss" />
        </body>
    </html>