<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"";><html xmlns=";><head><meta http-equiv="Content-Type"content="text/html;chars 展开
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"";><html xmlns=";><head><meta http-equiv="Content-Type"content="text/html;charset=gb2312"/><title>无标题文档</title><style type="text/css">.tip{background:#0066FF;width:200px;height:100px;position:absolute}</style><script type="text/javascript">var flag = true;function getMouseXY(e){ var posx=0,posy=0;if(e==null) e=window.event;if(e.pageX || e.pageY){ posx=e.pageX;posy=e.pageY;} else if(e.clientX || e.clientY){ if(document.documentElement.scrollTop){ posx=e.clientX+document.documentElement.scrollLeft;posy=e.clientY+document.documentElement.scrollTop;} else{ posx=e.clientX+document.body.scrollLeft;posy=e.clientY+document.body.scrollTop;} } return { X : posx, Y : posy }}function getDiv(){ return document.createElement("div");}function g(id){return document.getElementById(id);}function showTip(){ if(!flag) return;var domE = g("tip");if(!domE){ domE = getDiv();domE.setAttribute("id","tip");document.body.appendChild(domE);domE.className = "tip";} var m = getMouseXY();with(domE.style){ top = (m.Y+20)+"px";left = (m.X)+"px";}}window.onload = function(){ document.documentElement.onmousemove = function(){showTip();} document.documentElement.onmouseout = function(){ flag = true;if(g("tip")) document.body.removeChild(g("tip")) };document.documentElement.onclick = function(){ flag = false;if(g("tip")) g("tip").style.display = "none";}}</script></head><body></body></html>===================除了FF,都行,自己写的。 2010-06-06 8:50am 修改 : 鼠标点击框内不再显示层,移出再移进时再次显示 2010-06-06 10:00am 修改 在body中显示 收起