悬浮框
//获取鼠标悬浮位置的坐标 function mousePosition(e) { var x = ""; var y = ""; if(e.pageX && e.pageY) { x = e.pageX; y= e.pageY; } var scrollElem = (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body; x = e.clientX + scrollElem.scrollLeft; y= e.clientY + scrollElem.scrollTop; }
这段时间再弄悬浮框,很简单的效果,记录下,防止忘记
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <style> #hint{ width:198px; border:1px solid #000000; background:#99ff33; position:absolute; z-index:9; padding:6px; line-height:17px; text-align:left; } </style> <SCRIPT LANGUAGE="JavaScript"> <!-- function showme(){ var oSon = window.document.getElementById("hint"); if (oSon == null) return; with (oSon){ style.display = "block"; style.pixelLeft = window.event.clientX + window.document.body.scrollLeft + 6; style.pixelTop = window.event.clientY + window.document.body.scrollTop + 9; } } function hidme(){ var oSon = window.document.getElementById("hint"); if(oSon == null) return; oSon.style.display="none"; } //--> </SCRIPT> <BODY> <text id="guoguo" value="ga"> <a href="#" onmouseover="showme()" onmouseout="hidme()" onmousemove="showme()">dfdfd</a> <div id="hint" style="display:none"></div> </BODY> </HTML>