鼠標懸停右下角顯示div

  <script language="javascript" src="jquery-1.4.2.min.js"></script>
    <script>
        function show(obj, id) {
            var objDiv = $("#" + id + "");
            $(objDiv).css("display", "block");
            $(objDiv).css("left", event.clientX);
            $(objDiv).css("top", event.clientY + 10);
        }
        function hide(obj, id) {
            var objDiv = $("#" + id + "");
            $(objDiv).css("display", "none");
        } 

    </script>

<div>

    <div id="mydiv1" style="position: absolute; display: none; border: 1px solid silver;
        background: silver;">
        提示內容一
    </div>
    <div id="mydiv2" style="position: absolute; display: none; border: 1px solid silver;
        background: silver;">
        提示內容二
    </div>
    <a id="t1" οnmοuseοver="javascript:show(this,'mydiv1');" οnmοuseοut="hide(this,'mydiv1')">
        鼠標懸停一</a>
    <br>
    <a id="t2" οnmοuseοver="javascript:show(this,'mydiv2');" οnmοuseοut="hide(this,'mydiv2')">

        鼠標懸停二</a>

<div/>