css右键菜单样式,css左侧菜单栏

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

如何自定义网页的右键菜单？

在body中插入

STYLE type=text/cssBODY {

FONT-SIZE: 12px;

}

.info{FONT-SIZE: 14px;color:#FFFFFF;font-family:@Tahoma,@宋体;width:20px}

TABLE {

CURSOR: default; FONT-SIZE: 12px; MARGIN: 0px

}

TR {

HEIGHT: 20px

}

TR.over {

BACKGROUND-COLOR: #000080; COLOR: #ffffff; CURSOR: default; FONT-SIZE: 12px

}

TR.out {

BACKGROUND-COLOR: #efefef; COLOR: #000000; FONT-SIZE: 12px

}

DIV.rm_div {

BACKGROUND-COLOR: #efefef; BORDER-BOTTOM: #ffffff 1px outset; BORDER-LEFT: #ffffff 1px outset; BORDER-RIGHT: #ffffff 1px outset; BORDER-TOP: #ffffff 1px outset; DISPLAY: none; FILTER: Alpha(Opacity='95'); HEIGHT: 0px; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-TOP: 1px; POSITION: absolute; WIDTH: 0px

}

HR.sperator {

BORDER-BOTTOM: #ffffff 1px inset; BORDER-LEFT: #ffffff 1px inset; BORDER-RIGHT: #ffffff 1px inset; BORDER-TOP: #ffffff 1px inset; WIDTH: 95%

}

.w2kfont {

FONT-FAMILY: Tahoma; FONT-SIZE: 8pt

}

/STYLE

SCRIPT language=JScript

!--

function RightMenu()

{

this.AddExtendMenu=AddExtendMenu;

this.AddItem=AddItem;

this.GetMenu=GetMenu;

this.HideAll=HideAll;

this.I_OnMouseOver=I_OnMouseOver;

this.I_OnMouseOut=I_OnMouseOut;

this.I_OnMouseUp=I_OnMouseUp;

this.P_OnMouseOver=P_OnMouseOver;

this.P_OnMouseOut=P_OnMouseOut;

A_rbpm = new Array();

HTMLstr = "";

HTMLstr += "!-- RightButton PopMenu --\n";

HTMLstr += "\n";

HTMLstr += "!-- PopMenu Starts --\n";

HTMLstr += "div id='E_rbpm' class='rm_div'\n";

// rbpm = right button pop menu

HTMLstr += "table width='100%' border='0' cellspacing='0'\n";

HTMLstr += "trtd height='264' width='20' valign='bottom' bgcolor='#000000' onclick=window.event.cancelBubble=true; class=info作制娃海br:br窗视忧无\n";

HTMLstr += "/tdtd height='264' width='120' style='padding: 1' valign='bottom'\n";

HTMLstr += "table width='100%' border='0' cellspacing='0'\n";

HTMLstr += "!-- Insert A Extend Menu or Item On Here For E_rbpm --\n";

HTMLstr += "/table/td/tr/table\n";

HTMLstr += "/div\n";

HTMLstr += "!-- Insert A Extend_Menu Area on Here For E_rbpm --";

HTMLstr += "\n";

HTMLstr += "!-- PopMenu Ends --\n";

}

function AddExtendMenu(id,img,wh,name,parent)

{

var TempStr = "";

eval("A_"+parent+".length++");

eval("A_"+parent+"[A_"+parent+".length-1] = id"); // 将此项注册到父菜单项的ID数组中去

TempStr += "div id='E_"+id+"' class='rm_div'\n";

TempStr += "table width='100%' border='0' cellspacing='0'\n";

TempStr += "!-- Insert A Extend Menu or Item On Here For E_"+id+" --";

TempStr += "/table\n";

TempStr += "/div\n";

TempStr += "!-- Insert A Extend_Menu Area on Here For E_"+id+" --";

TempStr += "!-- Insert A Extend_Menu Area on Here For E_"+parent+" --";

HTMLstr = HTMLstr.replace("!-- Insert A Extend_Menu Area on Here For E_"+parent+" --",TempStr);

eval("A_"+id+" = new Array()");

TempStr = "";

TempStr += "!-- Extend Item : P_"+id+" --\n";

TempStr += "tr id='P_"+id+"' class='out'";

TempStr += " onmouseover='P_OnMouseOver(\""+id+"\",\""+parent+"\")'";

TempStr += " onmouseout='P_OnMouseOut(\""+id+"\",\""+parent+"\")'";

TempStr += " onmouseup=window.event.cancelBubble=true;";

TempStr += " onclick=window.event.cancelBubble=true;";

TempStr += "td nowrap";

TempStr += "font face='Wingdings' style='font-size:18px'0/font "+name+" /tdtd style='font-family: webdings; text-align: ;'4";

TempStr += "/td/tr\n";

TempStr += "!-- Insert A Extend Menu or Item On Here For E_"+parent+" --";

HTMLstr = HTMLstr.replace("!-- Insert A Extend Menu or Item On Here For E_"+parent+" --",TempStr);

}

function AddItem(id,img,wh,name,parent,location)

{

var TempStr = "";

var ItemStr = "!-- ITEM : I_"+id+" --";

if(id == "sperator")

{

TempStr += ItemStr+"\n";

TempStr += "tr class='out' onclick='window.event.cancelBubble=true;' onmouseup='window.event.cancelBubble=true;'td colspan='2' height='1'hr class='sperator'/td/tr";

TempStr += "!-- Insert A Extend Menu or Item On Here For E_"+parent+" --";

HTMLstr = HTMLstr.replace("!-- Insert A Extend Menu or Item On Here For E_"+parent+" --",TempStr);

return;

}

if(HTMLstr.indexOf(ItemStr) != -1)

{

alert("I_"+id+"already exist!");

return;

}

TempStr += ItemStr+"\n";

TempStr += "tr id='I_"+id+"' class='out'";

TempStr += " onmouseover='I_OnMouseOver(\""+id+"\",\""+parent+"\")'";

TempStr += " onmouseout='I_OnMouseOut(\""+id+"\")'";

TempStr += " onclick='window.event.cancelBubble=true;'";

if(location == null)

TempStr += " onmouseup='I_OnMouseUp(\""+id+"\",\""+parent+"\",null)'";

else

TempStr += " onmouseup='I_OnMouseUp(\""+id+"\",\""+parent+"\",\""+location+"\")'";

TempStr += "td nowrap";

TempStr +="font face='Wingdings' style='font-size:18px'"+wh+"/font "+ name+" ";

TempStr += "/tdtd/td/tr\n";

TempStr += "!-- Insert A Extend Menu or Item On Here For E_"+parent+" --";

HTMLstr = HTMLstr.replace("!-- Insert A Extend Menu or Item On Here For E_"+parent+" --",TempStr);

}

function GetMenu()

{

return HTMLstr;

}

function I_OnMouseOver(id,parent)

{

var Item;

if(parent != "rbpm")

{

var ParentItem;

ParentItem = eval("P_"+parent);

ParentItem.className="over";

}

Item = eval("I_"+id);

Item.className="over";

HideAll(parent,1);

}

function I_OnMouseOut(id)

{

var Item;

Item = eval("I_"+id);

Item.className="out";

}

function I_OnMouseUp(id,parent,location)

{

var ParentMenu;

window.event.cancelBubble=true;

OnClick();

ParentMenu = eval("E_"+parent);

ParentMenu.display="none";

if(location == null)

eval("Do_"+id+"()");

else

window.open(location);

}

function P_OnMouseOver(id,parent)

{

var Item;

var Extend;

var Parent;

if(parent != "rbpm")

{

var ParentItem;

ParentItem = eval("P_"+parent);

ParentItem.className="over";

}

HideAll(parent,1);

Item = eval("P_"+id);

Extend = eval("E_"+id);

Parent = eval("E_"+parent);

Item.className="over";

Extend.style.display="block";

Extend.style.posLeft=document.body.scrollLeft+Parent.offsetLeft+Parent.offsetWidth-4;

if(Extend.style.posLeft+Extend.offsetWidth document.body.scrollLeft+document.body.clientWidth)

Extend.style.posLeft=Extend.style.posLeft-Parent.offsetWidth-Extend.offsetWidth+8;

if(Extend.style.posLeft 0) Extend.style.posLeft=document.body.scrollLeft+Parent.offsetLeft+Parent.offsetWidth;

Extend.style.posTop=Parent.offsetTop+Item.offsetTop+1;

if(Extend.style.posTop+Extend.offsetHeight document.body.scrollTop+document.body.clientHeight)

Extend.style.posTop=document.body.scrollTop+document.body.clientHeight-Extend.offsetHeight;

if(Extend.style.posTop 0) Extend.style.posTop=0;

}

function P_OnMouseOut(id,parent)

{

}

function HideAll(id,flag)

{

var Area;

var Temp;

var i;

if(!flag)

{

Temp = eval("E_"+id);

Temp.style.display="none";

}

Area = eval("A_"+id);

if(Area.length)

{

for(i=0; i Area.length; i++)

{

HideAll(Area[i],0);

Temp = eval("E_"+Area[i]);

Temp.style.display="none";

Temp = eval("P_"+Area[i]);

Temp.className="out";

}

document.onmouseup=OnMouseUp;

document.onclick=OnClick;

function OnMouseUp()

{

if(window.event.button == 2)

{

var PopMenu;

PopMenu = eval("E_rbpm");

HideAll("rbpm",0);

PopMenu.style.display="block";

PopMenu.style.posLeft=document.body.scrollLeft+window.event.clientX;

PopMenu.style.posTop=document.body.scrollTop+window.event.clientY;

if(PopMenu.style.posLeft+PopMenu.offsetWidth document.body.scrollLeft+document.body.clientWidth)

PopMenu.style.posLeft=document.body.scrollLeft+document.body.clientWidth-PopMenu.offsetWidth;

if(PopMenu.style.posLeft 0) PopMenu.style.posLeft=0;

if(PopMenu.style.posTop+PopMenu.offsetHeight document.body.scrollTop+document.body.clientHeight)

PopMenu.style.posTop=document.body.scrollTop+document.body.clientHeight-PopMenu.offsetHeight;

if(PopMenu.style.posTop 0) PopMenu.style.posTop=0;

}

function OnClick()

{

HideAll("rbpm",0);

}

// Add Your Function on following

function Do_viewcode(){window.location="view-source:"+window.location.href;}

function Do_help(){window.showHelp(window.location);}

function Do_exit() {window.close();}

function Do_refresh() {window.location.reload();}

function Do_back() {history.back();}

function Do_forward() {history.forward();}

function Do_help(){

var s_help='stylebody,td{font:menu;padding:2}/style';

s_help+='title帮助/title';

s_help+='body bgcolor=menu';

s_help+='br 欢迎光临无忧视窗！本系统和您的Windows系统操作很相似。单击开始，打开开始菜单，双击桌面图标打开相关文件！span style="color:blue;cursor:hand" onclick=showHelp("windows.chm::/MS-ITS:ntdef.chm::/default.htm")本机帮助../span';

showModalDialog("about:"+s_help+"","","dialogHeight:110px;dialogWidth:210px;help:yes;status:no")}

/SCRIPT

META content="MSHTML 5.00.2920.0" name=GENERATOR/HEAD

BODY bgColor=#336699 oncontextmenu=window.event.returnValue=false

DIV id=snwcwt 请点击右键/DIV

SCRIPT language=JScript

!--

var menu = new RightMenu();

menu.AddItem("update","start_update","4","font class=w2kfontWeb Update/font","rbpm","http://");

menu.AddItem("suan","suan","a","大蒜之乡","rbpm","http://");

menu.AddItem("sperator","","","","rbpm",null);

menu.AddExtendMenu("program","start_pro","24","程序font class=w2kfont(uP/u)/font","rbpm",null);

menu.AddExtendMenu("p_acc","folder","+","附件","program",null);

menu.AddItem("p_acc1","html","+","font class=w2kfontMicrosoft FrontPage 2000/font","program","51w/game/");

menu.AddItem("p_acc2","html","+","font class=w2kfontNorton AntiVirus Corporate Edition/font","program","http://");

menu.AddExtendMenu("p_lgame","folder","16","小游戏","p_acc",null);

menu.AddItem("p_game1","folder","+","扫雷","p_lgame","51w/game/");

menu.AddItem("p_game2","folder","+","超级玛力","p_lgame","51w/game/");

menu.AddItem("p_game3","folder","+","五子棋","p_lgame","51w/game/");

menu.AddItem("p_game4","folder","+","俄罗斯方块","p_lgame","51w/game/");

menu.AddExtendMenu("doc","start_doc","24","文档font class=w2kfont(uD/u)/font","rbpm",null);

menu.AddItem("d_photo","folder","+","我的邮票","doc",null);

menu.AddExtendMenu("fav","start_fav","24","收藏font class=w2kfont(uA/u)/font","rbpm",null);

menu.AddExtendMenu("f_bbs","folder","16","论坛","fav",null);

menu.AddItem("f_bbs1","html","+","蓝色理想","f_bbs","");

menu.AddItem("f_bbs2","html","+","无忧脚本","f_bbs","");

menu.AddItem("f_bbs3","html","+","CSDN专家门诊","f_bbs","");

menu.AddItem("f_bbs4","html","+","洪恩在线网上交流","f_bbs","http://");

menu.AddExtendMenu("f_webpage","folder","16","网页制作","fav",null);

menu.AddItem("f_webpage1","html","","font disabled(空)/font","f_webpage","http://");

menu.AddExtendMenu("f_study","folder","16","网上学习","fav",null);

menu.AddItem("f_s1","html","","font disabled(空)/font","f_study","");

menu.AddExtendMenu("f_link","folder","16","友情链接","fav",null);

menu.AddItem("f_link1","html","+","无忧视窗","f_link","");

menu.AddExtendMenu("setting","start_set","24","设置font class=w2kfont(uS/u)/font","rbpm",null);

menu.AddItem("s_panel","folder","+","控制面板(C)","setting","http://");

menu.AddItem("sperator","","","","setting",null);

menu.AddItem("s_data","s_user","+","用户资料(D)","setting","http://");

menu.AddItem("s_display1","s_taskbar","+","任务栏和开始菜单(T)","setting","http://");

menu.AddExtendMenu("find","start_find","24","查找font class=w2kfont(uF/u)","rbpm",null);

menu.AddItem("l_search","search","4","文件或文件夹上(uF/u)...","find","http://");

menu.AddItem("i_search","esearch","4","在Internet上(uI/u)...","find","http://");

menu.AddItem("u_search","f_user","4","用户(uP/u)...","find","http://");

menu.AddItem("help","start_help","V"," 帮助font class=w2kfont(uH/u)/font","rbpm",null);

menu.AddItem("sperator","","","","rbpm",null);

menu.AddItem("logoff","start_logoff","v"," 注销font class=w2kfont(uL/u)/font","rbpm",null);

menu.AddItem("shut","start_shut","x","退出font class=w2kfont(uU/u)/font","rbpm",null);

document.writeln(menu.GetMenu());

/SCRIPT

/TD/TR/TABLE

正文

如何自定义网页的右键菜单？

相关问答

相关阅读

phpcms不能上传图片，phpcms h5上传

css3整体缩小放大，css整体页面缩小

电脑pin登录怎么关掉，电脑登录pin怎么取消

香港服务器实名，香港服务器实名认证流程

【平面设计素材】液体渐变背景图片

关于php7nginxwordpress的信息

鸿蒙OS显示壁纸，升级鸿蒙壁纸没了

目录[+]