ToolTip - простая всплывающая подсказка

1.Стили

    #ns_tt{
        position: absolute;
        border: solid #AAAAAA 1px;
        background-color: #DDDDDD;
        font-family: Tahoma, sans-serif;
        font-size: 11px;
        line-height: 16px;
        padding: 2px 5px;
        overflow: hidden;
        margin: 25px 0px 0px 5px;
    }

2. Разметка

    <div onmouseover="AddTT('Вы читаете этот текст,<br /> а сейчас видите <b>подсказку</b>');" onmouseout="RemoveTT();">
        Текст, картинка, блок... да любой объект над которым появится подсказка!
    </div>

3. Скрипт

    <script type="text/javascript">
        var l = 0, t = 0;
        var IE = document.all?true:false;
        document.onmousemove = getMouseXY;
        var ns_tt = document.createElement("div");
        function getMouseXY(e) {
            if (IE) {
                l = event.clientX + document.body.scrollLeft;
                t = event.clientY + document.body.scrollTop;
            }
            else {
                l = e.pageX;
                t = e.pageY;
            }
            ns_tt.style.left = l + "px";
            ns_tt.style.top = t + "px";
            return true;
        }

        function AddTT(tt_text){
            document.body.appendChild(ns_tt);
            ns_tt.id = "ns_tt";
            ns_tt.innerHTML = tt_text;
        }

        function RemoveTT() {
            document.body.removeChild(document.getElementById("ns_tt"));
        }
    </script>

4. Итог