showtips.js

这个是我的毕业设计 网上购物系统 我以手开发的 功能比较全

function tips(id,str,type)
{
  //window.alert("l+t");
   outtips();        
    var l=parseInt(document.getElementById(id).offsetLeft)+parseInt(document.getElementById(id).offsetWidth);
    var t=document.getElementById(id).offsetTop;
   
    if(type=="down")
    {
        l=document.getElementById(id).offsetLeft;
        t=parseInt(document.getElementById(id).offsetTop)+parseInt(document.getElementById(id).offsetHeight);
    }
    
    var object=document.createElement("div");
    object.style.position="absolute";
    object.style.border="1px solid #ccc";
    object.style.padding="0px 3px";
    object.style.color="#fc0";
    object.style.display="block";
    object.fontSize="10px";
    object.style.height="20px";
    object.style.lineHeight="20px";
    object.style.background="#fcfcfc";
    object.innerHTML="<b>提示：</b>"+str;
    object.style.left=l+"px";
    object.style.top=t+"px";
    object.id="tips";        
    object.name="tips";  
    document.getElementById(id).onmouseout=outtips;
    document.getElementById(id).onblur=outtips;
    document.body.appendChild(object);
}
function outtips()
    {

        for(i=0;i<document.getElementsByName("tips").length;i++)
        {
            document.body.removeChild(document.getElementsByName("tips")[i]);   
        }
        if(document.getElementById("tips")!=null)
            document.body.removeChild(document.getElementById("tips"));
    }