Suse: Mouse Position (ENDE)

Beitrag lesen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style>
<!--
.skin{
position:absolute;
border:1px solid black;
background-color:menu;
font-family:Verdana;
line-height:20px;
cursor:default;
font-size:12px;
z-index:100;
visibility:hidden;
padding-left:10px;
padding-right:10px;
}
-->
</style>
</HEAD>

<BODY>

<script language="JavaScript">
function on(pnr,event){

var tempX = event.pageX+5;
var tempY = event.pageY+5;

var menpn = "menu" + pnr;

document.getElementById(menpn).style.top= tempY;
document.getElementById(menpn).style.left= tempX;
document.getElementById(menpn).style.visibility='visible';
}

function off(pnr){
var menpn = "menu" + pnr;
document.getElementById(menpn).style.visibility='hidden';
}
</script>

<div id="menu1" class="skin" STYLE="position:absolute; left:0px; top:0px;" display:none>
Layer1
</div>

<div id="menu2" class="skin" STYLE="position:absolute; left:0px; top:0px;" display:none>
Layer2
</div>

<a href="#" OnMouseOver="on(1,event)" OnMouseMove="on(1,event)" OnMouseOut="off(1)">das ist ein link</a>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
   <a href="#" OnMouseOver="on(2,event)" OnMouseMove="on(2,event)" OnMouseOut="off(2)">das auch</a><br><br>
</BODY>
</HTML>