<style type="text/css"> #opstatdiv { visibility: hidden; background-color: #f7fcfe; z-index: 100; width: 200px; height: 50px; position: absolute; text-align: left; font-size: 12px; color: #FF0000; font-weight: bold; vertical-align: middle; } </style> <script type="text/javascript"> function showOpstatView() { var msgStr = "提示信息"; var d_dialog = document.getElementById('opstatdiv'); d_dialog.innerHTML = msgStr; //documentElement获取的是html页面的横纵坐标。body获取的是页面内容中的横纵坐标。 d_dialog.style.posLeft = document.documentElement.scrollLeft + event.clientX + 10; d_dialog.style.posTop = document.body.scrollTop + event.clientY; d_dialog.style.visibility='visible'; } function opstatDivClose() { var d_dialog = document.getElementById('opstatdiv'); d_dialog.style.visibility='hidden'; } </script> <BODY> <div id="opstatdiv"></div> <table> <tr> <td οnmοuseοver="javascript:showOpstatView()" οnmοuseοut="javascript:opstatDivClose()">> 靠近我 </td> </tr> </table> </BODY>
附加参考链接：https://blog.csdn.net/chenzheng8975/article/details/84386677