WebWorkerWorld.de

Home

Tutorials
> Ajax
> CSS
> JavaScript
> PHP
> Sonstige

Quiz
> CSS
> HTML/XHTML
> JavaScript
> PHP

JavaScript
> Datum und Uhrzeit
> Dies und das
> Fenster
> Formulare
> Fun
> Spiele
> Texteffekte

Kontakt

Impressum

 
JavaScript > Dies und das >

Cursor-Chaos

von Tim Leister
Sonntag, 26.10.2008

Dieser Effekt sorgt garantiert für Verwirrung.

... einfach einmal die Maus bewegen!

<script type="text/javascript">

// --------------------------------------------------
// --- (c) 2008 WebWorkerWorld.de -------------------
// --------------------------------------------------

var DELAY = 50; // ms

var time = 0;
var cursors = new Array(
	"default", "crosshair", "text", "pointer",
	"wait", "progress", "help", "move",
	"ne-resize", "n-resize", "nw-resize", "w-resize",
	"sw-resize", "s-resize", "se-resize", "e-resize"
);

window.onmousemove =
	function()
	{
		var date = new Date();
		if ((date.getTime() - time) > DELAY)
		{
			time = date.getTime();

			var random = Math.floor(Math.random() * cursors.length);
			window.document.getElementsByTagName("body")[0]
				.style.cursor = cursors[random];
		}
	}

</script>
zurück zurück
nach oben nach oben nach oben
vorwärts vorwärts
XEAM.de
© 2002-2008