jQuery xeyes imite l'app xeyes Linux qui a comporté deux yeux qui ont suivi constamment la souris de l'utilisateur autour de l'écran.
Ce plugin est une version de ce programme, 100% made in JavaScript et utilisable sur ne importe quelle page Web.
jQuery xeyes utilise une formule mathématique simple pour calculer où les iris de chaque œil doivent être affichés en fonction de la position actuelle du curseur de la souris de l'utilisateur.
Cette formule prend la position de la souris sur la page, sa position sur l'axe X, et le centre de l'oeil lui-même.
Il crée ensuite un triangle et place de l'iris de l'oeil sur la ligne reliant le curseur de la souris avec le centre de l'oeil, à la position la plus proche de cette ligne à proximité du bord de l'oeil.
Comme la souris est déplacée autour de ce triangle est mis à jour, et est donc la position de la balle des yeux.
Bien que ce est assez trivial pour tout programmeur expérimenté, jQuery xeyes fournit également aux développeurs avec quelques options supplémentaires qui leur permettent d'ajouter un peu de rembourrage entre l'iris et la frontière de l'œil, montrent les yeux dans les positions préréglées lorsque l'utilisateur qu'il ne déplace pas la souris près de la . yeux, et beaucoup d'autres plus
Exigences :
- Javascript sur côté client
- jQuery
Commentaires non trouvées