xeyes jQuery imita o app xeyes Linux que contou com dois olhos que constantemente seguiu o mouse do usuário ao redor da tela.
Este plugin é uma versão do programa, feito 100% em JavaScript e utilizável em qualquer página Web.
jQuery xeyes usa uma fórmula matemática simples para calcular onde a íris de cada olho deve ser exibida com base na posição do cursor do mouse atual do usuário.
Esta fórmula tem a posição do rato na página, a sua posição no eixo X, e o centro do próprio olho.
Em seguida, cria um triângulo e coloca a íris do olho sobre a linha que liga o cursor do rato com o centro do olho, na posição mais próxima da referida linha perto da borda do olho.
Como o mouse é movido em torno deste triângulo é atualizado, e assim é a posição da bola do olho.
Enquanto isso é bastante trivial para qualquer programador experiente, jQuery xeyes também fornece aos desenvolvedores algumas opções extra que lhes permitem adicionar algum preenchimento entre a íris ea fronteira do olho, mostrar os olhos em posições pré-definidas quando o usuário não está se movendo o mouse perto do . olhos, e muitos outros mais
Requisitos :
- JavaScript habilitado no lado do cliente
- jQuery
Comentários não encontrado