禁用网页右键弹出菜单的例子就见多了,其实我们还可以把右键菜单替换自定义的内容,某些时候这还是一个不错的操作方式。原理很简单,先看看核心代码:
      var oPopup = window.createPopup();                    //创建弹出式菜单实例
      var oPopBody = oPopup.document.body;                  //这两句设置菜单的内容
      oPopBody.innerHTML = "菜单内容";                       //可以合并为oPopup.document.body.innerHTML="菜单内容";
      oPopup.show(event.x, event.y, 9041, document.body); //在需要的地方弹出菜单,90、41分别为菜单宽度和高度

  应该很好理解吧。下面给一个实例,是我做的图片新闻的后台管理页面,左击图片修改内容,右击图片弹出操作菜单。

<HTML>
<HEAD>
<TITLE>自定义弹出菜单</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<LINK href="../css/css.css" type=text/css rel=stylesheet>
<LINK href="../css/css2.css" type=text/css rel=stylesheet>
<style type="text/css">
<!--
body td
{
font-size:12px;
}
.prompt
{
height:22; font-size:12px;
background-color:lightyellow;
border:solid red 1px;
position:absolute;
left:0;top:0;
padding:4px;
display:none;
filter: Alpha(Opacity=80);
}
-->
</style>
<script language="javascript">
var oPopup = window.createPopup();
function PopMenu(id)
{
    var oPopBody = oPopup.document.body;
    oPopBody.style.backgroundColor = "buttonface";
    oPopBody.style.border = "solid black 1px";
    oPopBody.innerHTML = ""
        +"<table cellpadding=0 cellspacing=0 border=0 width=100% style='font-size:12px;'>"
        +"<tr><td valign=middle height=20 onmouseover=\"this.bgColor='highlight';this.style.color='highlighttext';\" "
        +"onmouseout=\"this.bgColor='';this.style.color=''\" onclick=\"parent.window.open('/news/view.asp?>

相关文章:

  • 2021-11-15
  • 2022-02-12
  • 2021-12-20
  • 2022-01-20
  • 2021-05-23
猜你喜欢
  • 2022-12-23
  • 2021-09-09
  • 2022-12-23
  • 2021-10-23
相关资源
相似解决方案