下面是编程之家 jb51.cc 通过网络收集整理的代码片段。
编程之家小编现在分享给大家,也给大家做个参考。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> New Document </title> <script src="styles/default/js/jquery-2.1.0.min.js"></script> </head> <style type="text/css"> .modle { width: 100px; cursor: pointer; text-align: center; } #popmenu { display: none; position: absolute; width: 100px; height: 100px; margin-top: 10px; margin-left: 10px; border: 1px solid black; background-color: white } </style> <body> <div class="modle"> click me </div> <div id="popmenu"> 内容 </div> </body> <script type="text/javascript"> var menu = document.getElementById("popmenu"); $(".modle").click(function(event) { e = event ? event : window.event; t = e.target || e.srcElement; menu.style.left = getPointerX(e) + "px"; menu.style.top = getPointerY(e) + "px"; menu.style.display = "block"; }); function getPointerX(event) { return event.pageX || (event.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft)); } function getPointerY(event) { return event.pageY || (event.clientY + (document.documentElement.scrollTop || document.body.scrollTop)); } </script> </html>
以上是编程之家(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。
如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。