類比網頁上title顯示

代碼

    <style type="text/css">
    .tooltips
    {
        width:210px;
        height:150px;
        overflow-y:scroll;
        background-color:yellow;
        color:black;
        font-size:11px;
        position:absolute;
        z-index:1000;
    }
    </style>

 

代碼

    <script type="text/javascript">
    
    var tipDiv = document.createElement("div","class:tooltip, width:100px");     
    tipDiv.className = "tooltips";
    tipDiv.id = "showTip";  
    var targetTooltips;
        
    function ShowTooltips(objSource)
    {    
        if (targetTooltips)
        {
            //targetTooltips = null;
            return;            
        }
        
        tipDiv.style.left = event.clientX + 12;
        tipDiv.style.top = event.clientY;
        tipDiv.innerHTML = objSource.tooltips;
        
        if (tipDiv.innerHTML.length == 0)
        {
            return;
        }
        
        objSource.appendChild(tipDiv);
        
        tipDiv.focus();
    };

    function RemoveTooltips(objSource)
    {
        var objDiv = document.getElementById("showTip");
         
        if (objDiv)
        {  
            var mouseOnTooltips = isMouseInBox(event,objDiv);
            
            if (mouseOnTooltips)
            {
                targetTooltips = this;
            }
            else
            {                
                objSource.removeChild(objDiv);
            }
        }    
    }
    </script>