kostenloser Webspace werbefrei: lima-city

Mouse follow

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   d******3

   22:16, 2.10.2008

   Hier ist mein erster JavaScript (erwartet nicht zu viel, mal abgesehen davon, dass es mein erster ist, werde ich mich nicht viel mit JavaScript beschäftigen, weil ich nicht viel mit JavaScript arbeite.), es ist ein Mouse follow-Script. Da es mein erster Script ist, würde mich natürlich eure Meinung dazu interessieren. Was kann ich noch verbessern?
   

   <script>
   //Mouse follow © by dustin93.lima-city.de
   
   document.write(
   	"<div id='mousefollow' style='position:absolute;left:-1024;top:-768'>"
   	+ "<img src='http://shop.knuddels.de/images/templates/1/code_smll_classic_00.gif'>"
   	+ "</div>"
   );
   
   function show(e) {
   	if (document.all) {
   		var mouseX = event.clientX + document.body.scrollLeft
   		var mouseY = event.clientY + document.body.scrollTop
   	} else {
   		var mouseX = e.pageX;
   		var mouseY = e.pageY;
   	}
   
   	document.getElementById("mousefollow").style.left = mouseX + 10;
   	document.getElementById("mousefollow").style.top = mouseY + 20;
   
   	return false;
   }
   
   document.onmousemove = show;
   </script>

   
   Im Grunde genommen, kann man der Maus alles folgen lassen, in diesem Beispiel habe ich jetzt mal ein kleinen Smiley aus dem Knuddels-Shop genommen.

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?