Hallo zusammen,
hoffentlich bin ich in der richtigen Fore falls nicht entschuldigt bitte und verschiebt es.
Ich bräuchte euere Hilfe und zwar: ein kleines Div sollte sich zu einem Mausklick hinbewegen. Den Code hab ich schon "gefunden" aber da "springt" es quasi zu dem Mausklick. Ich möchte aber das es sich mehr oder weniger dahin "moved" bzw. dahingleitet.
Da ich sehr sehr sehr wenige Kentnisse in JavaScript habe und sie mir auch ungern aneignen möchte da ich sehr selten JavaScript einsetze hätte ich gerne das ihr bitte bitte in den unten stehenden Code ein "moveeffekt" einbaut.
Vielen Dank im vorraus!
Code:
<html>
<head>
<title>Test</title>
<script type="text/javascript">
function Mausklick (Ereignis) {
if (!Ereignis)
Ereignis = window.event;
if (document.getElementById) {
document.getElementById("Springer").style.left = Ereignis.clientX + "px";
document.getElementById("Springer").style.top = Ereignis.clientY + "px";
} else if (document.all) {
document.all.Springer.style.left = Ereignis.clientX;
document.all.Springer.style.top = Ereignis.clientY;
}
}
document.onmousedown = Mausklick;
</script>
</head><body>
<div id="Springer" style="background-color:#FFE0FF; position:absolute;
top:100px; left:100px; width:100px; height:100px;"></div>
<p>Klicken Sie irgendwo ins Dokument und der Springer bewegt sich zur Mausposition.</p>
</body>
</html>