nicht angemeldet
Ups,....habe den Code nochmal ein bisl aufgeräumt:
<html>
<head>
<title> DHTML</title>
<style type ="text/css">
#eb1
{
position:absolute;
background-color:green;
height:50px;
width:50px;
top:150px;
left:150px;
border:#0000ff solid 15px;
}
</style>
<script type="text/javascript">
document.onmousemove = machWas;
var mausX;
var mausY;
function machWas()
{
mausX= (document.captureEvents)?arguments[0].pageX:event.x;
mausY=(document.captureEvents)?arguments[0].pageY:event.y;
}
function start()
{
var ebene1 = document.createElement("div");
ebene1.setAttribute("id", "eb1");
if(window.opera || window.netscape)
{
ebene1.setAttribute("onmousedown", "zeige('eb1')");
ebene1.setAttribute("onmouseup", "halt()");
}
else
{
ebene1.setAttribute("onmousedown", zeige);
ebene1.setAttribute("onmouseup", halt);
}
document.getElementsByTagName("body")[0].appendChild(ebene1);
}
var timer = window.setTimeout("zeige()",1);
function zeige()
{
if(this.id || arguments[0])
{
document.getElementById("eb1").style.left = mausX -25 + "px";
document.getElementById("eb1").style.top = mausY -25 + "px";
var Xtimer = "zeige('eb1')";
timer = window.setTimeout(Xtimer, 1);
}
}
function halt()
{
window.clearTimeout(timer);
}
</script>
</head>
<body onload="start()">
</body>
</html>