求一段js代码,div跟随鼠标跑,点击后关闭!-业主生活

房天下 > 房天下问答 > 业主生活 > 其他

求一段js代码,div跟随鼠标跑,点击后关闭!

求一段js代码，实现这样的效果：div跟随鼠标跑IE兼容性强的，兼容多种浏览器。如果OK 加送200分！

更多

提问者：ToStar影院
发布于2010-11-30

分享

共1个回答

dgh770913 丨Lv 3

<!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中显示

+10 2010-12-01 举报