 Augenpaar folgt dem Curser
Dieses JavaScript eines mausverfolgers (Augenpaar) habe ich nicht selbst geschrieben. Meine wenigen Änderungen sind unwesentlich. Das Script stammt (wie so viele andere interessante JavaScripts) von Kurt Grigg.
|
|
Mausverfolger Augenpaar
Abhängig von der x- y-Position des Mauszeigers, wird die Position der 3 Grafiken auf jeweils einer eigenen Ebene (Layer) errechnet und verschoben.
Bei diesem Beispiel werden 3 Objekte bewegt:
- Bild 1: das Augapfelpaar
- Bild 2: Die linke Pupille
- Bild 3: Die rechte Pupille
Weil die beiden Pupillen sich zusätzlich innerhalb des Bewegungsraums (Augapfel) in Richtung Mauszeiger positionieren, erhält die Darstellung eine gute Dynamik.
Die Images werden auf jeweis einem Layer dargestellt die über dem HTML-Dokument liegen. Stellen Sie sich diese Layers wie Glasscheiben vor, durch die hindurch Sie bis auf die Hintergrund-Ebene (die eignentliche Seite) schauen. So ist die Überlagerung von Objekten auf einer darunter liegenden Ebene möglich.
verwendete Grafiken:
 
Sie können:
a) das Beispiel öffnen / abspeichern und Images downloaden (rechtsklick)
b) Den HTML-Code anzeigen / abspeichern und Images downloaden (rechtsklick)
c) oder laden die Beispieldatei incl. Images als ZIP-File herunter.
|
Home • Mauszeiger • Augen
Anwendung
DOWNLOAD