网页特效js右击弹出快捷菜单代码

时间：2022-07-02 14:51:55 编辑：袖梨来源：一聚教程网

提示：您可以先修改部分代码再运行

js右击弹出快捷菜单代码
<style>

.skin0 {
position:absolute;
text-align:left;

border:2px solid black;
background-color:menu;
font-family:Verdana;
line-
cursor:default;
visibility:hidden;
}
.skin1 {
cursor:default;
position:absolute;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;

background-color:menu;
visibility:hidden;
border:2px outset buttonhighlight;; font-style:normal; font-variant:normal; font-weight:normal
}
.menuitems {
padding-left:15px;
padding-right:10px;
}

</style>

function showmenuie5() {
var rightedge = document.body.clientWidth-event.clientX;
var bottomedge = document.body.clientHeight-event.clientY;
if (rightedge < ie5menu.offsetWidth)
ie5menu.style.left = document.body.scrollLeft + event.clientX - ie5menu.offsetWidth;
else
ie5menu.style.left = document.body.scrollLeft + event.clientX;
if (bottomedge < ie5menu.offsetHeight)
ie5menu.style.top = document.body.scrollTop + event.clientY - ie5menu.offsetHeight;
else
ie5menu.style.top = document.body.scrollTop + event.clientY;
ie5menu.style.visibility = "visible";
return false;
}

function hidemenuie5() {
ie5menu.style.visibility = "hidden";
}

function highlightie5() {
if (event.srcElement.className == "menuitems") {
event.srcElement.style.backgroundColor = "highlight";
event.srcElement.style.color = "white";
if (display_url)
window.status = event.srcElement.url;
   }
}

function lowlightie5() {
if (event.srcElement.className == "menuitems") {
event.srcElement.style.backgroundColor = "";
event.srcElement.style.color = "black";
window.status = "";
   }
}

function jumptoie5() {
if (event.srcElement.className == "menuitems") {
if (event.srcElement.getAttribute("target") != null)
window.open(event.srcElement.url, event.srcElement.getAttribute("target"));
else
window.location = event.srcElement.url;
   }
}
</script>
<div id="ie5menu" class="skin0" onmouseover="highlightie5()" onmouseout="lowlightie5()" onclick="jumptoie5();">
<div class="menuitems" url="https://www.1**11c*n.net">搜狐</div>
<div class="menuitems" url="https://www.1**11c*n.net">新浪</div>
<div class="menuitems" url="https://www.1**11c*n.net">TOM</div>
<div class="menuitems" url="https://www.1**11c*n.net">NBA</div>
<div class="menuitems" url="https://www.1**11c*n.net">JavaScript网站</div>

<div class="jscode">
<input class="btn" type="button" value="运行代码" onclick="runCode(runcool)"> <input class="btn copy" data-clipboard-target="runcool" type="button" value="复制代码" onclick="doCopy('runcool')"> <input class="btn" type="button" value="另存代码" onclick="saveCode(runcool)"> 提示：您可以先修改部分代码再运行</div>
</div>

推荐专题

最新下载

热门教程

网页特效js右击弹出快捷菜单代码

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程