应用:
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;' οnmοuseοut='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 οnmοuseοver="showTip(this, popTip, 'voteTip')" οnmοuseοut="hideTip(this, popTip)">班级:</span>