<HTML>
<HEAD>
<style type="text/css">
A:link {color: #
808080;text-decoration:none;} A:visited {color: #
808080;text-decoration:none;}
A:hover {color: #
C0C000;text-decoration:underline;}
#contextMenu {
position: absolute;
visibility: hidden;
width:
150px;
background-color: grey;
layer-background-color: lightgrey;
border:
2px outset white;
}
</style>
<script>
var menu;
function hideMenu() { document.all.contextMenu.style.visibility="hidden"; }
function showMenu (evt) {
if (document.all) {
if (event.type == "contextmenu") {
document.all.contextMenu.style.pixelLeft = event.clientX;
document.all.contextMenu.style.pixelTop = event.clientY;
document.all.contextMenu.style.visibility=='visible'?document.all.contextMenu.
style.visibility='hidden':document.all.contextMenu.style.visibility='visible';
return false;
}
}
else if (document.layers) {
if (evt.which == 3) {
document.contextMenu.left = evt.x;
document.contextMenu.top = evt.y;
document.contextMenu.onmouseout = function (evt) { this.visibility = 'hide'; };
document.contextMenu.visibility=='show'?document.contextMenu.visibility='hide':document.contextMenu.visibility='show';
return false;
}
}
return true;
}
if (document.all) {
document.oncontextmenu = showMenu;
document.onclick = hideMenu;
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown = showMenu;
}
</script>
</HEAD>
<BODY onclick="showMenu('Event.MOUSEDOWN')">
<DIV ID="contextMenu">
<img src="
IMG.gif"> <A HREF="
URL">
LINK</A>
<BR>
<img src="
IMG.gif"> <A HREF="
URL">
LINK</A>
<br>
<img src="
IMG.gif"> <A HREF="
URL">
LINK</A>
</DIV>
</BODY>
</HTML>