?? rmtest.htm
字號(hào):
<html>
<head><title>如何使用Binary Star 右鍵菜單</title>
<link href="../css/bs.css" rel="stylesheet" type="text/css">
<style>
body{font-family: verdana;font-size: 9pt;}
table{font-family: verdana;font-size: 9pt;}
a{font-family: verdana;font-size: 9pt;color: blue;}
.table_a{border: #bababa 1px solid;border-top: White 0px solid;}
.table_b{border-left: #bababa 1px solid;}
.table_c{border: #bababa 1px solid;}
.table_d{border-bottom:#bababa 1px solid;}
.td_a{background:url(../images/qq.gif);background-repeat:repeat-x;}
.td_b{border-right: #bababa 1px solid; width:150px;}
.button_a{cursor: hand;}
.h1{font-family: verdana;font-weight: normal;font-size: 9pt;color:blue;}
.h1_1{font-family: verdana;font-weight: normal;font-size: 9pt;color:black;}
.h2{font-family: verdana;font-weight: normal;font-size: 9pt;color:red;}
.h2_2{font-family: verdana;font-weight: normal;font-size: 9pt;color:green;}
.h3{font-family: verdana;font-weight: bold;font-size: 10pt;}
</style>
<SCRIPT language=javascript src="../js/bs.js"></SCRIPT>
<SCRIPT language=javascript src="../js/bsrightmenu.js"></SCRIPT>
<script type='text/javascript'>
/*程序代碼瀏覽窗口*/
var script=document.getElementsByTagName("SCRIPT")
var sCode=script[2].innerHTML
sCode=sCode.replace(/</g,"<").replace(/>/g,">")
sCode=sCode.replace(/([A-Za-z0-9><_\)\(\]\[\}\{\. \$/;=\+\?"&:-]{2,})/g,"<font color='green'>$1</font>");
sCode=sCode.replace(/\t/g," ")
sCode=sCode.replace(/(\/\*)/g,"<font color='maroon'>$1")
sCode=sCode.replace(/(\*\/)/g,"$1</font>")
sCode=sCode.replace(/\n/g,"<br>")
//alert(sCode);
function Run(strPath) {
window.location="view-source:"+window.location.href;
/* try {
var objShell = new ActiveXObject("wscript.shell");
objShell.Run(strPath);
objShell = null;
}
catch (e){alert('沒有權(quán)限或找不到文件"'+strPath+'"(或它的組件之一)。請(qǐng)確定路徑和文件名是否正確，而且所需的庫文件均可用。')
}
*/}
var TestFrame_rmMenu = new BSRightMenu("TestFrame_rmMenu");
TestFrame_rmMenu.setImagesPath("../images/");
var rmTestArea = TestFrame_rmMenu.addItemArea("第一個(gè)右鍵菜單");
/*參數(shù)：1、父菜單索引（添加的順序，0開始）
* 2、顯示文字。
* 3、執(zhí)行的js方法。
* 4、圖片：建議16*16
* 5、disabled。true：不可用，false：可用；
*/
rmTestArea.addItem(-1, "菜單一", "alert('菜單一')", "", true);
rmTestArea.addItem(-1, "菜單二", "", "save.gif");
rmTestArea.addItem(1, "菜單二_1", "alert('菜單二_1')", "");
rmTestArea.addItem(1, "-", "", "");
rmTestArea.addItem(1, "菜單二_2", "alert('菜單二_2')", "save.gif");
rmTestArea.addItem(2, "改變菜單一的可用", "setItemDisabled(0)", "");
rmTestArea.addItem(2, "菜單二_1_2", "alert('菜單二_1_2')", "");
rmTestArea.addItem(4, "菜單二_2_1", "alert('菜單二_2_1')", "");
rmTestArea.addItem(4, "-", "", "");
rmTestArea.addItem(4, "菜單二_2_2", "alert('菜單二_2_2')", "");
rmTestArea = TestFrame_rmMenu.addItemArea("第二個(gè)右鍵菜單塊");
rmTestArea.addRootItem("排列圖標(biāo)", "", "", false);
rmTestArea.addRootItem("排列圖標(biāo)", "", "", false);
rmTestArea.addRootItem("刷新", "", "save.gif", false);
rmTestArea.addRootItem("-", "", "");
rmTestArea.addRootItem("粘貼", "", "", true);
rmTestArea.addRootItem("粘貼快捷方式", "", "", true);
rmTestArea.addRootItem("-", "", "");
rmTestArea.addRootItem("撤銷復(fù)制", "", "", false);
var rootNode = rmTestArea.addRootItem("新建", "", "");
rmTestArea.addRootItem("-", "", "");
rmTestArea.addRootItem("屬性", "", "");
//在指定節(jié)點(diǎn)下添加子節(jié)點(diǎn)
rootNode.addItem("文件夾", "alert('文件夾')", "", false);
rootNode.addItem("快捷方式", "alert('快捷方式')", "", false);
rootNode.addItem("-", "", "");
rootNode.addItem("公文包", "alert('公文包')", "", false);
rootNode.addItem("ACDSee 6.0 BMP Image", "alert('ACDSee 6.0 BMP Image')", "", false);
rootNode.addItem("文本文檔", "alert('文本文檔')", "", false);
rmTestArea = TestFrame_rmMenu.addItemArea("底板右鍵菜單塊");
rmTestArea.addItem(-1, "詳細(xì)信息", "", "", false);
rmTestArea.addItem(-1, "-", "", "");
rmTestArea.addItem(-1, "修改", "", "", false);
rmTestArea.addItem(-1, "刪除", "", "", true);
rmTestArea.addItem(-1, "添加任務(wù)", "", "", true);
rmTestArea.addItem(-1, "-", "", "");
rmTestArea.addItem(-1, "任務(wù)進(jìn)度", "", "", false);
rmTestArea.addItem(-1, "任務(wù)報(bào)告", "", "");
rmTestArea.addItem(-1, "ToDo管理", "", "");
rmTestArea.addItem(-1, "備注", "alert('備注')", "", false);
rmTestArea.addItem(-1, "-", "", "");
rmTestArea.addItem(-1, "查看源碼", "Run('notepad')", "save.gif", false);
function doRight(num){
TestFrame_rmMenu.doRightMenu(num);
}
function setItemDisabled(inindex){
TestFrame_rmMenu.itemAreaList[0].itemList[inindex].disabled=!TestFrame_rmMenu.itemAreaList[0].itemList[inindex].disabled;
}
document.onmouseup = function(){doRight(2);};
</script>
</head>
<body leftMargin="0" topMargin="0" rightMargin="0" scroll="auto" >
<form method="post" name="frmBusiness" target="proctype_rm_frame">
<b><a name="目錄"></a>
<span>[<a href="../index.htm">回首頁</a>]</span>
<span>[<a href="#實(shí)例展現(xiàn)">實(shí)例展現(xiàn)</a>]</span>
<span>[<a href="#實(shí)現(xiàn)步驟">實(shí)現(xiàn)步驟</a>]</span>
<span>[<a href="object.htm">常用方法屬性</a>]</span>
<br><br>
<ul>
<a name="對(duì)象結(jié)構(gòu)"><b></a>
<li><span class="h3">樹右鍵菜單對(duì)象由三個(gè)類組成：BSRightMenu、BSRightItemArea和BSRightItem</span><br>
<span class="h1"><b>BSRightMenu：</b></span><span class="h1_1">右鍵菜單對(duì)象，負(fù)責(zé)調(diào)度各個(gè)菜單塊。</span><br>
<span class="h1"><b>BSRightItemArea：</b></span><span class="h1_1">右鍵菜單塊，封裝一個(gè)右鍵塊，供不同的控件使用。</span><br>
<span class="h1"><b>BSRightItem：</b></span><span class="h1_1">右鍵菜單項(xiàng)，封裝單個(gè)右鍵菜單項(xiàng)。</span>
</li>
<br><br>
<b><a name="實(shí)例展現(xiàn)"></a>
<li><span class="h3">實(shí)例展現(xiàn)： [<a href="#目錄">目錄</a>]</span><br />
<span class="h3">式樣：
<table>
<tr>
<td><div style="cursor:hand;" onmouseup="doRight(0)">請(qǐng)點(diǎn)擊右鍵</div></td>
<td><input class="button" type="button" value="請(qǐng)點(diǎn)擊右鍵" onmouseup="doRight(1)"/><td>
</tr>
</table>
</span>
</li>
</br>
</br>
<li><b><a name="實(shí)現(xiàn)步驟"></b></a> <span class="h3">實(shí)現(xiàn)步驟： [<a href="#目錄">目錄</a>]</span><br/>
</br>
<table align="left" style="width:100%" border="0" cellpadding="0" cellspacing="0">
<tr><td>
<table align="left" style="width:700px;" class="table_a" border="0"
cellpadding="0" cellspacing="0">
<tr>
<td height="25px" style="" align="left" class="td_a" colspan="5"> 步驟一：定義右鍵菜單
</td>
</tr>
<tr>
<td height="20px" valign="top"><br />
<span class="h2_2">//定義并初始化右鍵菜單</span><br/>
<span class="h2_2">/*參數(shù)：</span><br/>
<span class="h2_2">* 1、右鍵的名稱</span><br/>
<span class="h2_2">*注意事項(xiàng)：</span><br/>
<span class="h2_2">* 1、實(shí)例名要和右鍵的名稱相同。</span><br/>
<span class="h2_2">*/</span><br/>
<b>
var TestFrame_rmMenu = new BSRightMenu("TestFrame_rmMenu");
TestFrame_rmMenu.setImagesPath("../images/");<span class="h2_2">//設(shè)置圖片路徑</span>
</b><br/>
</td>
</tr>
</table>
</td></tr>
<tr><td> </td></tr>
<tr><td>
<table align="left" style="width:700px;" class="table_a" border="0"
cellpadding="0" cellspacing="0">
<tr>
<td height="25px" style="" align="left" class="td_a" colspan="5"> 步驟二：創(chuàng)建一個(gè)右鍵塊
</td>
</tr>
<tr>
<td height="20px" valign="top"><br />
<span class="h2_2">//為右鍵菜單添加一個(gè)右鍵菜單塊</span><br/>
<span class="h2_2">/*參數(shù)：1、顯示文字</span><br/>
<span class="h2_2">*/</span><br/>
<b>var rmTestArea = TestFrame_rmMenu.addItemArea("第一個(gè)右鍵菜單");
<br/>
</b><br/></td>
</tr>
</table>
</td></tr>
<tr><td> </td></tr>
<tr><td>
<table align="left" style="width:700px;" class="table_a" border="0"
cellpadding="0" cellspacing="0">
<tr>
<td height="25px" style="" align="left" class="td_a" colspan="5"> 步驟三：為右鍵塊添加一個(gè)根菜單項(xiàng)
</td>
</tr>
<tr>
<td height="20px" valign="top"><br />
<span class="h2_2">//為右鍵塊添加一個(gè)根菜單項(xiàng)</span><br/>
<span class="h2_2">/*參數(shù)：1、顯示文字</span><br/>
<span class="h2_2">* 2、點(diǎn)擊執(zhí)行的JS方法</span><br/>
<span class="h2_2">* 3、菜單項(xiàng)的圖片</span><br/>
<span class="h2_2">* 4、可用標(biāo)志</span><br/>
<span class="h2_2">*/</span><br/>
<b>var nodeItem = rmTestArea.addRootItem("刷新", "alert('刷新')", "save.gif", false);
<br/>
</b><br/></td>
</tr>
</table>
</td></tr>
<tr><td> </td></tr>
<tr><td>
<table align="left" style="width:700px;" class="table_a" border="0"
cellpadding="0" cellspacing="0">
<tr>
<td height="25px" style="" align="left" class="td_a" colspan="5"> 步驟四：為已有菜單項(xiàng)添加一個(gè)子菜單項(xiàng)
</td>
</tr>
<tr>
<td height="20px" valign="top"><br />
<span class="h2_2">//為已有菜單項(xiàng)添加一個(gè)子菜單項(xiàng)</span><br/>
<span class="h2_2">/*參數(shù)：1、顯示文字</span><br/>
<span class="h2_2">* 2、點(diǎn)擊執(zhí)行的JS方法</span><br/>
<span class="h2_2">* 3、菜單項(xiàng)的圖片</span><br/>
<span class="h2_2">* 4、可用標(biāo)志</span><br/>
<span class="h2_2">*/</span><br/>
<b>var nodeItem = nodeItem.addItem("查看源碼", "Run('notepad')", "save.gif", false);
<br/>
</b><br/></td>
</tr>
</table>
</td></tr>
<tr><td> </td></tr>
<tr><td>
<table align="left" style="width:700px;" class="table_a" border="0"
cellpadding="0" cellspacing="0">
<tr>
<td height="25px" style="" align="left" class="td_a" colspan="5"> 步驟五：激活右鍵菜單
</td>
</tr>
<tr>
<td height="20px" valign="top"><br />
<span class="h2_2">//激活右鍵菜單</span><br/>
<span class="h2_2">/*參數(shù)：1、右鍵菜單塊索引*/</span><br/>
<b>TestFrame_rmMenu.doRightMenu(num);
<br/>
</b><br/></td>
</tr>
</table>
</td></tr>
<tr><td> </td></tr>
<tr><td><span class="h3">[<a href="#目錄">目錄</a>]</span></td></tr>
<tr><td> </td></tr>
</table>
</li>
</ul>
<br>
</form>
</body>
</html>
?? 快捷鍵說明
復(fù)制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號(hào)
Ctrl + =
減小字號(hào)
Ctrl + -