<style>.menu {width: 100px;font-size: 14px;font-family: "微軟雅黑";border: 1px solid #ccc;z-index: 9999;position: absolute;display: none;background: #f2f2f2;}.menu ul {margin: 0px;padding: 0px;text-align: center;list-style-type: none;}.menu ul li {padding: 3px 0px;font-size: 12px;}.menu ul li:hover {background: #e1dddd;}.menu ul li a:link {color: #000;text-decoration: none;}</style> <!--右側菜單--> <div id="divmenu" class="menu"><ul><li onclick="expand_all()" class="pub">新增</li><li onclick="collapse_all()" class="pub">修改</li><li onclick="remove_node()" class="delete">刪除</li></ul> </div> <script type="text/javascript"> $("body").bind("contextmenu", function () {$("#divmenu").css({ "left": document.body.scrollLeft + event.clientX - 125, "top": document.body.scrollTop + event.clientY - 60 }).show();return false;});//通過JS屏蔽自帶右鍵菜單document.oncontextmenu = function (e) {return false;} </script>

?

總結

以上是生活随笔為你收集整理的CSS右键菜单的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。