自定義鼠標右鍵

 
<!--
註釋
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
-->

 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>自定義鼠標右鍵</title>

 

<script language="javascript" type="text/javascript">
document.oncontextmenu 
= function ()
{
    
var div = document.getElementById("hdiv");
    
    div.style.pixelLeft 
= event.clientX;
    div.style.pixelTop 
= event.clientY;
    
    div.style.display 
= "block";
    
    
return false;
}
</script>

 

</head>

<body>

 

<div id="hdiv" align="center" style="position:absolute; display:none; background-color:#EFF8FF; height:300px; width:100px; top:0px; left:0px; ">

<fieldset style="border-color:#96C2EF; border-width:1px; border-style:solid;">
<legend>濰科</legend>

<table width="100%" bgcolor="#ECE9D8" style="cursor:pointer;">

<tr onMouseOver="this.bgColor='FFFFFF'" onMouseOut="this.bgColor='#ECE9D8'">
<td align="center" onClick="hdiv.style.display='none'" >關閉菜單</td>
</tr>


<tr><td><hr  size="0" color="#C0C0C0" noshade="noshade"></td></tr> 

<tr onMouseOver="this.bgColor='FFFFFF'" onMouseOut="this.bgColor='#ECE9D8'">
<td align="center" onClick="hdiv.style.display='none'" >首 題</td>
</tr>
<tr onMouseOver="this.bgColor='FFFFFF'" onMouseOut="this.bgColor='#ECE9D8'">
<td align="center" onClick="hdiv.style.display='none'" >上一題</td>
</tr>
<tr onMouseOver="this.bgColor='FFFFFF'" onMouseOut="this.bgColor='#ECE9D8'">
<td align="center" onClick="hdiv.style.display='none'">下一題</td>
</tr>
<tr onMouseOver="this.bgColor='FFFFFF'" onMouseOut="this.bgColor='#ECE9D8'">
<td align="center" onClick="hdiv.style.display='none'" >末 題</td>
</tr>

<tr><td><hr  size="0" color="#C0C0C0" noshade="noshade"></td></tr> 

<tr onMouseOver="this.bgColor='FFFFFF'" onMouseOut="this.bgColor='#ECE9D8'">
<td align="center" onClick="hdiv.style.display='none'" >標記此題</td>
</tr>
<tr onMouseOver="this.bgColor='FFFFFF'" onMouseOut="this.bgColor='#ECE9D8'">
<td align="center" onClick="hdiv.style.display='none'" >取消標記</td>
</tr>
<tr onMouseOver="this.bgColor='FFFFFF'" onMouseOut="this.bgColor='#ECE9D8'">
<td align="center" onClick="hdiv.style.display='none'" >答題狀態</td>
</tr>

<tr><td><hr  size="0" color="#C0C0C0" noshade="noshade"></td></tr> 

<tr onMouseOver="this.bgColor='FFFFFF'" onMouseOut="this.bgColor='#ECE9D8'">
<td align="center" onClick="hdiv.style.display='none'" >全 部</td>
</tr>
<tr onMouseOver="this.bgColor='FFFFFF'" onMouseOut="this.bgColor='#ECE9D8'">
<td align="center" onClick="hdiv.style.display='none'" >單 選</td>
</tr>
<tr onMouseOver="this.bgColor='FFFFFF'" onMouseOut="this.bgColor='#ECE9D8'">
<td align="center" onClick="hdiv.style.display='none'" >多 選</td>
</tr>
<tr onMouseOver="this.bgColor='FFFFFF'" onMouseOut="this.bgColor='#ECE9D8'">
<td align="center" onClick="hdiv.style.display='none'" >填 空</td>
</tr>
<tr onMouseOver="this.bgColor='FFFFFF'" onMouseOut="this.bgColor='#ECE9D8'">
<td align="center" onClick="hdiv.style.display='none'" >判 斷</td>
</tr>

<tr onMouseOver="this.bgColor='FFFFFF'" onMouseOut="this.bgColor='#ECE9D8'">
<td align="center" onClick="hdiv.style.display='none'" >其 它</td>
</tr>

<tr><td><hr  size="0" color="#C0C0C0" noshade="noshade"></td></tr> 

<tr onMouseOver="this.bgColor='FFFFFF'" onMouseOut="this.bgColor='#ECE9D8'">
<td align="center" onClick="hdiv.style.display='none'" >保存</td>
</tr>
<tr onMouseOver="this.bgColor='FFFFFF'" onMouseOut="this.bgColor='#ECE9D8'">
<td align="center" onClick="hdiv.style.display='none'" >交卷</td>
</tr>

</table>
</fieldset>
</div>


</body>

</html>

發佈了30 篇原創文章 · 獲贊 5 · 訪問量 9萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章