Mausfolger
    
WWW.WEB-TOOLBOX.NET
Anwendung BEISPIEL HTMLCode DOWNLOAD ZURÜCK SITEMAP  

Augen folgen dem Curser

(neue Version ab 30. Aug. 2002)

Abhängig von der x- y-Position des Mauszeigers, wird die Position der 3 Images auf jeweils einer eigenen Ebene (Layer) errechnet und verschoben.

Bei diesem Beispiel werden 3 Objekte bewegt:

 Bild 1: das Augapfelpaar

 Bild 2 + 3: Die beiden Pupillen

Weil die beiden Pupillen sich innerhalb ihres Bewegungsraums des Augapfels 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 schauen. Daher ist auch die Überlagerung von Objekten einer darunteliegenden Ebene möglich

verwendete Images:

  



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.








Erstellt: 28.04.2003

NACH OBEN