鼠标悬停提示(javascript)

应用：

1，js代码

tip.js

(

document.write("<style>.tipdiv {font-family: verdana, arial, helvetica; font-size:11px;font-style:normal;font-weight:normal;color:black;background-color:lightyellow;border:black 1px solid;padding:1px;}</style>");
document.write("<div id=popTip class=tipdiv style='position:absolute;display:none;' onmouseout='hideSelf(this)'></div>");
function showTip(el, m, tipArr) {
 tipArray = eval(tipArr);
 if (tipArray.length>0) {
  if (m) {
   m.style.display='';
   m.style.pixelLeft = getPos(el,"Left");
   m.style.pixelTop = getPos(el,"Top") + el.offsetHeight;
   var title = tipArray[0];
   var detail = tipArray[1];
   if (m.innerHTML.length<1) {
    m.innerHTML += "<table width=200 border=0 cellspacing=0 cellpadding=0 style='font-size:11px'>/
       <tr><td colspan=3 align=center><b><font color=green>" + title + "</font></b></td></tr>/
       <tr><td width=6></td><td width=186 height=1 bgcolor=black></td><td width=8></td></tr>/
       <tr><td colspan=3 height=2></td></tr>/
       <tr><td></td><td>" + detail + "</td><td></td></tr>/
      </table>";
   }
  }
 }
 if ((m!=popup_tip) && (popup_tip)) popup_tip.style.display = 'none';
 popup_tip = m;
}
function hideTip(el, m) {
 if (el && m && m.style.display=='') {
  if ((document.body.scrollLeft + window.event.x > el.offsetLeft)
    && (document.body.scrollLeft + window.event.x < el.offsetLeft + el.offsetWidth)
    && (document.body.scrollTop + window.event.y > el.offsetTop)
    && (document.body.scrollTop + window.event.y < el.offsetTop + el.offsetHeight)
    || (document.body.scrollLeft + window.event.x > m.offsetLeft)               
    && (document.body.scrollLeft + window.event.x < m.offsetLeft + m.offsetWidth)
    && (document.body.scrollTop + window.event.y > m.offsetTop)
    && (document.body.scrollTop + window.event.y < m.offsetTop + m.offsetHeight)) {
  } else {
   m.style.display = 'none';
   m.innerHTML = "";
  }
 }
}

function hideSelf(m) { 
 if (m.style.display=='') {
  if ((document.body.scrollLeft + window.event.x >= m.offsetLeft)               
  && (document.body.scrollLeft + window.event.x <= m.offsetLeft + m.offsetWidth)
  && (document.body.scrollTop + window.event.y >= m.offsetTop)
  && (document.body.scrollTop + window.event.y <= m.offsetTop + m.offsetHeight)) {
  } else {
   m.style.display = 'none';
   m.innerHTML = "";
  }
 }
}

var voteTip = new Array(
    "班级投票",
    "校友录开通了班级投票功能.班级管理员在[班级管理]中,可以创建班级投票."
    );

)

2,引用

<span onmouseover="showTip(this, popTip, 'voteTip')" onmouseout="hideTip(this, popTip)">班级:</span>