📄 cmenu.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
<!--
.mitem1 { font-size:12px; height: 24px; width: 140px; background-color: #999999; border-style: outset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.mitem2 { font-size:12px;height: 24px; width: 140px; background-color: #CCCCCC; border-style: outset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }
-->
</style>
</HEAD>
<script>
var sColor;
var sColorCom;
function showContextMenu(){
with(Mcontext) {
style.pixelLeft=event.x;
style.pixelTop=event.y;
style.visibility="visible";
}
Mcontext.setCapture();
}
function Mselect(){
var oe=event.srcElement;
switch (oe.id ){
case "Mitem1" :
sColorCom="ForeColor";
showColorPick();
return;
case "Mitem2" :
sColorCom="BackColor";
showColorPick();
return;
break;
}
Mcontext.releaseCapture();
Mcontext.style.visibility="hidden";
}
function itemOver(){
var oe=event.srcElement;
if (Mcontext.contains(oe)) oe.className="mitem2";
}
function itemOut(){
var oe=event.srcElement;
if (Mcontext.contains(oe)) oe.className="mitem1";
}
function showColorPick(){
ColorTable.style.pixelLeft=Mcontext.style.pixelLeft+140;
ColorTable.style.pixelTop=Mcontext.style.pixelTop;
ColorTable.style.visibility="visible";
ColorTable.setCapture();
}
function getSelColor(){
sColor=event.srcElement.bgColor;
ColorTable.style.visibility="hidden";
ColorTable.releaseCapture();
Mcontext.style.visibility="hidden";
document.all.editBox.focus();
oEditSelection=document.selection.createRange();
oEditSelection.select();
oEditSelection.execCommand(sColorCom, false, sColor);
}
</script>
<BODY oncontextmenu="return false">
<div id=Mcontext style="position:absolute;width:120;height:200;border:1px solid #000000;visibility:hidden;background-color:#999999" onclick="Mselect()" onmouseover="itemOver()" onmouseout="itemOut()">
<div id="Mitem1" class="mitem1">Change ForeColor</div>
<div id="Mitem2" class="mitem1">Change BackColor</div>
<div id="Mitem3" class="mitem1"></div>
<div id="Mitem4" class="mitem1"></div>
<div id="Mitem5" class="mitem1"></div>
<div id="Mitem6" class="mitem1"></div>
<div id="Mitem7" class="mitem1"></div>
<div id="Mitem8" class="mitem1"></div>
</div>
<DIV id="ColorTable" style="position:absolute;visibility:hidden" onclick="getSelColor()">
<TABLE cellspacing="1" bgcolor="BLACK" width="456" style="font-size:8px">
<TR>
<TD colspan="36" align="CENTER"><FONT face="Verdana,Arial" size="1" color="WHITE">The
Safety Palette</FONT></TD>
</TR>
<TR>
<TD bgcolor="#000000"> </TD>
<TD bgcolor="#000033"> </TD>
<TD bgcolor="#000066"> </TD>
<TD bgcolor="#000099"> </TD>
<TD bgcolor="#0000CC"> </TD>
<TD bgcolor="#0000FF"> </TD>
<TD bgcolor="#003300"> </TD>
<TD bgcolor="#003333"> </TD>
<TD bgcolor="#003366"> </TD>
<TD bgcolor="#003399"> </TD>
<TD bgcolor="#0033CC"> </TD>
<TD bgcolor="#0033FF"> </TD>
<TD bgcolor="#006600"> </TD>
<TD bgcolor="#006633"> </TD>
<TD bgcolor="#006666"> </TD>
<TD bgcolor="#006699"> </TD>
<TD bgcolor="#0066CC"> </TD>
<TD bgcolor="#0066FF"> </TD>
<TD bgcolor="#009900"> </TD>
<TD bgcolor="#009933"> </TD>
<TD bgcolor="#009966"> </TD>
<TD bgcolor="#009999"> </TD>
<TD bgcolor="#0099CC"> </TD>
<TD bgcolor="#0099FF"> </TD>
<TD bgcolor="#00CC00"> </TD>
<TD bgcolor="#00CC33"> </TD>
<TD bgcolor="#00CC66"> </TD>
<TD bgcolor="#00CC99"> </TD>
<TD bgcolor="#00CCCC"> </TD>
<TD bgcolor="#00CCFF"> </TD>
<TD bgcolor="#00FF00"> </TD>
<TD bgcolor="#00FF33"> </TD>
<TD bgcolor="#00FF66"> </TD>
<TD bgcolor="#00FF99"> </TD>
<TD bgcolor="#00FFCC"> </TD>
<TD bgcolor="#00FFFF"> </TD>
</TR>
<TR>
<TD bgcolor="#330000"> </TD>
<TD bgcolor="#330033"> </TD>
<TD bgcolor="#330066"> </TD>
<TD bgcolor="#330099"> </TD>
<TD bgcolor="#3300CC"> </TD>
<TD bgcolor="#3300FF"> </TD>
<TD bgcolor="#333300"> </TD>
<TD bgcolor="#333333"> </TD>
<TD bgcolor="#333366"> </TD>
<TD bgcolor="#333399"> </TD>
<TD bgcolor="#3333CC"> </TD>
<TD bgcolor="#3333FF"> </TD>
<TD bgcolor="#336600"> </TD>
<TD bgcolor="#336633"> </TD>
<TD bgcolor="#336666"> </TD>
<TD bgcolor="#336699"> </TD>
<TD bgcolor="#3366CC"> </TD>
<TD bgcolor="#3366FF"> </TD>
<TD bgcolor="#339900"> </TD>
<TD bgcolor="#339933"> </TD>
<TD bgcolor="#339966"> </TD>
<TD bgcolor="#339999"> </TD>
<TD bgcolor="#3399CC"> </TD>
<TD bgcolor="#3399FF"> </TD>
<TD bgcolor="#33CC00"> </TD>
<TD bgcolor="#33CC33"> </TD>
<TD bgcolor="#33CC66"> </TD>
<TD bgcolor="#33CC99"> </TD>
<TD bgcolor="#33CCCC"> </TD>
<TD bgcolor="#33CCFF"> </TD>
<TD bgcolor="#33FF00"> </TD>
<TD bgcolor="#33FF33"> </TD>
<TD bgcolor="#33FF66"> </TD>
<TD bgcolor="#33FF99"> </TD>
<TD bgcolor="#33FFCC"> </TD>
<TD bgcolor="#33FFFF"> </TD>
</TR>
<TR>
<TD bgcolor="#660000"> </TD>
<TD bgcolor="#660033"> </TD>
<TD bgcolor="#660066"> </TD>
<TD bgcolor="#660099"> </TD>
<TD bgcolor="#6600CC"> </TD>
<TD bgcolor="#6600FF"> </TD>
<TD bgcolor="#663300"> </TD>
<TD bgcolor="#663333"> </TD>
<TD bgcolor="#663366"> </TD>
<TD bgcolor="#663399"> </TD>
<TD bgcolor="#6633CC"> </TD>
<TD bgcolor="#6633FF"> </TD>
<TD bgcolor="#666600"> </TD>
<TD bgcolor="#666633"> </TD>
<TD bgcolor="#666666"> </TD>
<TD bgcolor="#666699"> </TD>
<TD bgcolor="#6666CC"> </TD>
<TD bgcolor="#6666FF"> </TD>
<TD bgcolor="#669900"> </TD>
<TD bgcolor="#669933"> </TD>
<TD bgcolor="#669966"> </TD>
<TD bgcolor="#669999"> </TD>
<TD bgcolor="#6699CC"> </TD>
<TD bgcolor="#6699FF"> </TD>
<TD bgcolor="#66CC00"> </TD>
<TD bgcolor="#66CC33"> </TD>
<TD bgcolor="#66CC66"> </TD>
<TD bgcolor="#66CC99"> </TD>
<TD bgcolor="#66CCCC"> </TD>
<TD bgcolor="#66CCFF"> </TD>
<TD bgcolor="#66FF00"> </TD>
<TD bgcolor="#66FF33"> </TD>
<TD bgcolor="#66FF66"> </TD>
<TD bgcolor="#66FF99"> </TD>
<TD bgcolor="#66FFCC"> </TD>
<TD bgcolor="#66FFFF"> </TD>
</TR>
<TR>
<TD bgcolor="#990000"> </TD>
<TD bgcolor="#990033"> </TD>
<TD bgcolor="#990066"> </TD>
<TD bgcolor="#990099"> </TD>
<TD bgcolor="#9900CC"> </TD>
<TD bgcolor="#9900FF"> </TD>
<TD bgcolor="#993300"> </TD>
<TD bgcolor="#993333"> </TD>
<TD bgcolor="#993366"> </TD>
<TD bgcolor="#993399"> </TD>
<TD bgcolor="#9933CC"> </TD>
<TD bgcolor="#9933FF"> </TD>
<TD bgcolor="#996600"> </TD>
<TD bgcolor="#996633"> </TD>
<TD bgcolor="#996666"> </TD>
<TD bgcolor="#996699"> </TD>
<TD bgcolor="#9966CC"> </TD>
<TD bgcolor="#9966FF"> </TD>
<TD bgcolor="#999900"> </TD>
<TD bgcolor="#999933"> </TD>
<TD bgcolor="#999966"> </TD>
<TD bgcolor="#999999"> </TD>
<TD bgcolor="#9999CC"> </TD>
<TD bgcolor="#9999FF"> </TD>
<TD bgcolor="#99CC00"> </TD>
<TD bgcolor="#99CC33"> </TD>
<TD bgcolor="#99CC66"> </TD>
<TD bgcolor="#99CC99"> </TD>
<TD bgcolor="#99CCCC"> </TD>
<TD bgcolor="#99CCFF"> </TD>
<TD bgcolor="#99FF00"> </TD>
<TD bgcolor="#99FF33"> </TD>
<TD bgcolor="#99FF66"> </TD>
<TD bgcolor="#99FF99"> </TD>
<TD bgcolor="#99FFCC"> </TD>
<TD bgcolor="#99FFFF"> </TD>
</TR>
<TR>
<TD bgcolor="#CC0000"> </TD>
<TD bgcolor="#CC0033"> </TD>
<TD bgcolor="#CC0066"> </TD>
<TD bgcolor="#CC0099"> </TD>
<TD bgcolor="#CC00CC"> </TD>
<TD bgcolor="#CC00FF"> </TD>
<TD bgcolor="#CC3300"> </TD>
<TD bgcolor="#CC3333"> </TD>
<TD bgcolor="#CC3366"> </TD>
<TD bgcolor="#CC3399"> </TD>
<TD bgcolor="#CC33CC"> </TD>
<TD bgcolor="#CC33FF"> </TD>
<TD bgcolor="#CC6600"> </TD>
<TD bgcolor="#CC6633"> </TD>
<TD bgcolor="#CC6666"> </TD>
<TD bgcolor="#CC6699"> </TD>
<TD bgcolor="#CC66CC"> </TD>
<TD bgcolor="#CC66FF"> </TD>
<TD bgcolor="#CC9900"> </TD>
<TD bgcolor="#CC9933"> </TD>
<TD bgcolor="#CC9966"> </TD>
<TD bgcolor="#CC9999"> </TD>
<TD bgcolor="#CC99CC"> </TD>
<TD bgcolor="#CC99FF"> </TD>
<TD bgcolor="#CCCC00"> </TD>
<TD bgcolor="#CCCC33"> </TD>
<TD bgcolor="#CCCC66"> </TD>
<TD bgcolor="#CCCC99"> </TD>
<TD bgcolor="#CCCCCC"> </TD>
<TD bgcolor="#CCCCFF"> </TD>
<TD bgcolor="#CCFF00"> </TD>
<TD bgcolor="#CCFF33"> </TD>
<TD bgcolor="#CCFF66"> </TD>
<TD bgcolor="#CCFF99"> </TD>
<TD bgcolor="#CCFFCC"> </TD>
<TD bgcolor="#CCFFFF"> </TD>
</TR>
<TR>
<TD bgcolor="#FF0000"> </TD>
<TD bgcolor="#FF0033"> </TD>
<TD bgcolor="#FF0066"> </TD>
<TD bgcolor="#FF0099"> </TD>
<TD bgcolor="#FF00CC"> </TD>
<TD bgcolor="#FF00FF"> </TD>
<TD bgcolor="#FF3300"> </TD>
<TD bgcolor="#FF3333"> </TD>
<TD bgcolor="#FF3366"> </TD>
<TD bgcolor="#FF3399"> </TD>
<TD bgcolor="#FF33CC"> </TD>
<TD bgcolor="#FF33FF"> </TD>
<TD bgcolor="#FF6600"> </TD>
<TD bgcolor="#FF6633"> </TD>
<TD bgcolor="#FF6666"> </TD>
<TD bgcolor="#FF6699"> </TD>
<TD bgcolor="#FF66CC"> </TD>
<TD bgcolor="#FF66FF"> </TD>
<TD bgcolor="#FF9900"> </TD>
<TD bgcolor="#FF9933"> </TD>
<TD bgcolor="#FF9966"> </TD>
<TD bgcolor="#FF9999"> </TD>
<TD bgcolor="#FF99CC"> </TD>
<TD bgcolor="#FF99FF"> </TD>
<TD bgcolor="#FFCC00"> </TD>
<TD bgcolor="#FFCC33"> </TD>
<TD bgcolor="#FFCC66"> </TD>
<TD bgcolor="#FFCC99"> </TD>
<TD bgcolor="#FFCCCC"> </TD>
<TD bgcolor="#FFCCFF"> </TD>
<TD bgcolor="#FFFF00"> </TD>
<TD bgcolor="#FFFF33"> </TD>
<TD bgcolor="#FFFF66"> </TD>
<TD bgcolor="#FFFF99"> </TD>
<TD bgcolor="#FFFFCC"> </TD>
<TD bgcolor="#FFFFFF"> </TD>
</TR>
</TABLE>
</div>
<div contentEditable id="editBox" style="width:100%;height:200;border:1px solid #000000" oncontextmenu="showContextMenu();return false">hello!!!!!!!!</div>
</BODY>
</HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -