jQuery Xeyes efterligner Xeyes Linux app, der spillede to øjne, der konstant fulgte brugerens musen rundt på skærmen.
Dette plugin er en version af det pågældende program, lavet 100% i JavaScript og brugbar på en webside.
jQuery Xeyes bruger en simpel matematisk formel til beregning hvor skal vises iris i hvert øje baseret på brugerens aktuelle musemarkøren position.
Denne formel tager musens placering på siden, sin position på X-aksen, og centrum af selve øjet.
Det skaber derefter en trekant og placerer øjet iris på den linje, der forbinder musemarkøren med midten af øjet, på det nærmeste position af denne linje tæt på kanten af øjet.
Da musen flyttes omkring denne trekant er opdateret, og så er øjet bolden holdning.
Mens dette er ganske trivielt for enhver erfaren programmør, jQuery Xeyes giver også udviklere med nogle ekstra muligheder, der tillader dem at tilføje nogle polstring mellem iris og øjets grænse, viser øjnene i forudindstillede positioner, når brugeren ikke bevæger sin mus nær . øjne, og mange andre mere
Krav :
- JavaScript aktiveret på klientsiden
- jQuery
Kommentarer ikke fundet