现在的位置: 首页 > 综合 > 正文

自定义鼠标右键

2013年08月04日 ⁄ 综合 ⁄ 共 3508字 ⁄ 字号 评论关闭
 

<!--
注释
<!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>

抱歉!评论已关闭.