X龙@China .Net 'blog

需要的不仅仅是工作,而是通过努力得来的美好将来。
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

模拟网页上title显示

Posted on 2010-06-07 14:35  X龙  阅读(158)  评论(0编辑  收藏  举报
代码
    <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>

 

点击这里给我发消息http://wp.qq.com/index.html