jQuery Xeyes härmar Xeyes Linux app som presenterade två ögon som ständigt följde användarens musen runt skärmen.
Denna plugin är en version av det programmet, gjorde 100% i JavaScript och användbart på en webbsida.
jQuery Xeyes använder en enkel matematisk formel för att beräkna där iris i varje öga ska visas baserat på användarens aktuella muspekaren läge.
Denna formel tar musens position på sidan, sin position på X-axeln, och i mitten av själva ögat.
Det skapar sedan en triangel och placerar ögon iris på linjen som förbinder muspekaren med mitten av ögat, på närmaste positionen för den linjen nära kanten av ögat.
Eftersom musen flyttas runt denna triangel är uppdaterad, och så är ögat bollens position.
Även om detta är ganska trivialt för någon erfaren programmerare, ger jQuery Xeyes också utvecklare med några extra alternativ som tillåter dem att lägga till några utfyllnad mellan iris och ögats gräns, visar ögonen i förinställda lägen när användaren inte flyttar sitt musen nära . ögon, och många andra fler
Krav :
- Javascript aktiverat på klientsidan
- jQuery
Kommentarer hittades inte