Javascript  »  Animationen  »  Mausrichtung

zur Übersicht

Kategorie	Animationen
Bezeichnung	Mausrichtung
ScriptDemo	Neues Fenster für Demo öffnen
Statistik	15048 Aufrufe davon 0x gestern
Hier zeigt der Mauszeiger mit seinen verschiedenen Piktogrammen in die Richtung, in die er bewegt wird.
Javascript-Quellcode  (einfach markieren, kopieren und lokal abspeichern) <script LANGUAGE="JavaScript"> <!-- Begin var x, y, xold, yold, xdiff, ydiff; var dir = Array(); dir[0] = "n-resize"; dir[1]="ne-resize"; dir[2]="e-resize"; dir[3]="se-resize"; dir[4] = "s-resize"; dir[5]="sw-resize"; dir[6]="w-resize"; dir[7]="nw-resize"; document.onmousemove = FindXY; function display(direction) { document.body.style.cursor = dir[direction]; } function FindXY(loc) { x = (document.layers) ? loc.pageX : event.clientX; y = (document.layers) ? loc.pageY : event.clientY; xdiff = x - xold; ydiff = y - yold if ((xdiff < 2) && (ydiff < -2)) display(0); if ((xdiff < 2) && (ydiff > 2)) display(4); if ((xdiff > 2) && (ydiff < 2)) display(2); if ((xdiff < -2) && (ydiff < 2)) display(6); if ((xdiff > 2) && (ydiff > 2)) display(3); if ((xdiff > 2) && (ydiff < -2)) display(1); if ((xdiff < -2) && (ydiff > 2)) display(5); if ((xdiff < -2) && (ydiff < -2)) display(7); xold = x; yold = y; } // End --> </script>

Kommentare zu Mausrichtung

0 Kommentar(e) vorhanden / Anzeige der neuesten 5

Noch keine Kommentare zu diesem Javascript vorhanden.


Alle Kommentare anzeigen   -   Kommentar hinzufügen