悬浮层显示与鼠标右键菜单效果

张亦飞 — Wed, 26 Mar 2008 06:53:00 GMT

//层的隐藏
function Layer_close(targetElement)
{
     targetElement.style.visibility = "hidden";
}

//层的显示
function Layer_show(targetElement)
{
     var rightedge = document.body.clientWidth-event.clientX;
     var bottomedge = document.body.clientHeight-event.clientY;
     if (rightedge < targetElement.offsetWidth)
          targetElement.style.left = document.body.scrollLeft + event.clientX - targetElement.offsetWidth;
     else
          targetElement.style.left = document.body.scrollLeft + event.clientX;
     if (bottomedge < targetElement.offsetHeight)
          targetElement.style.top = document.body.scrollTop + event.clientY - targetElement.offsetHeight;
     else
          targetElement.style.top = document.body.scrollTop + event.clientY;
     targetElement.style.visibility = "visible";
}

是页面字体变灰:把的disabled设置为true即可.
oncontextmenu=Layer_show(targetElement); 电击鼠标右键
效果图如下:

张亦飞 2008-03-26 14:53 发表评论

BlogJava-点点滴滴-文章分类-JavaScript

悬浮层显示与鼠标右键菜单效果