perlunity.de | Javascript : Animationen - Augen | Die Community für Perl PHP CGI Apache MySQL und Javascript

perlunity.de - PERL | JAVASCRIPT | PHP | MySQL | APACHE


	#!/COMMUNITY Members: 5187 davon online: 1 weitere User: 14

07.01.2009 / 03:46

Community-Member werden | Paßwort vergessen | OnlineMonitor (1)

Wer ist online ... OnlineMonitor starten !

Javascript » Animationen » Augen
zur Übersicht

Kategorie Animationen

Bezeichnung Augen

ScriptDemo Neues Fenster für Demo öffnen

Statistik 35969 Aufrufe davon 1x gestern

Geht leider nur mit dem IE.
Danke für das Script an Felix.

Javascript-Quellcode (einfach markieren, kopieren und lokal abspeichern)

<style> #auge1 { font-family:"courier new"; font-size: 72pt; margin: 0px; position: absolute;} #auge2 { font-family:"courier new"; font-size: 72pt; margin: 0px; position: absolute;} #pupille1 { font-family:"courier new"; font-size: 36pt; margin: 0px; position: absolute;} #pupille2 { font-family:"courier new"; font-size: 36pt; margin: 0px; position: absolute;} </style> <script> var auge=44; //Höhe des Auges (entschricht 'o' bei 72pt) var pupille=6; //Höhe der Pupille (entspricht '.' bei 36pt) var hoehe=20; //Hoehe von oben var links=300; //Anstand vom linken Rand var abstand=55; //Abstand der Augen zueinander function ausrichten() { document.all["auge1"].style.pixelLeft = links - auge/2 + pupille; document.all["auge1"].style.pixelTop = hoehe - auge/2; document.all["auge2"].style.pixelLeft = links + abstand - auge/2 + pupille; document.all["auge2"].style.pixelTop = hoehe - auge/2; } function pupillen() { document.all["pupille1"].style.pixelLeft = links + (auge/2 - pupille) * Math.cos(Math.atan2(y-(hoehe ),x-(links))); document.all["pupille1"].style.pixelTop = hoehe + (auge/2 - pupille) * Math.cos(Math.atan2(x-(links ),y-(hoehe))); document.all["pupille2"].style.pixelLeft = links + abstand + (auge/2 - pupille) * Math.cos(Math.atan2(y-(hoehe),x-(links + abstand))); document.all["pupille2"].style.pixelTop = hoehe + (auge/2 - pupille) * Math.cos(Math.atan2(x-(links + abstand),y-(hoehe))); } var x,y; function maus() { x = window.event.x + document.body.scrollLeft - auge/2; y = window.event.y + document.body.scrollTop - auge; status = x + " " + y; pupillen(); } </script> </head> <body onload="ausrichten()" onmousemove="maus()"> <span id="pupille1" class="pupille1">.</span> <span id="pupille2" class="pupille2">.</span> <span id="auge1" class="auge1">o</span> <span id="auge2" class="auge2">o</span>

Kommentare zu Augen

4 Kommentar(e) vorhanden / Anzeige der neuesten 5

am 03.02.2006 um 17:37 Uhr von BLUBB
kann mir jemand sagen wie sowas bei einem hp macher wie nixfree funktioniert???...

am 20.07.2005 um 19:26 Uhr von psatlan
schon was cooles so augen die einen verfolgen...

am 16.12.2003 um 15:26 Uhr von malvag
Jo Find ich auch geil !!! n1 aber wie kann man die farbe ändern ?...

am 28.10.2003 um 19:04 Uhr von Tina
Ha..supi.. also ich find das lustig :O)...

Alle Kommentare anzeigen - Kommentar hinzufügen

Link: /javascript/scripts/javascript_0279_main.shtml .::. Aufrufe heute: 3 .::. Aufrufe gesamt: 17079