Olá pessoal neste artigo irei explicar como fazer com que uma DIV informativa apareça ao lodo do mouse quando o mesmo encontra-se em cima de um link ou botão. É um efeito muito interessante e que pode tornar seu site com um aparência dinâmica de informações.

Segue abaixo um exemplo pronto e em seguida a explicação do mesmo:

Copie, cole e salve como qualquerNome.html

Explicação:

Na tag Label foram colocadas as ações onmousemove(É quando o mouse se movimenta em cima do objeto) e onmouseout(É quando o mouse deixa a área do objeto), sendo a ação onmousemove="mostra(event)" posicionando a div 'flutua' de acordo com as posições indicas pelas propriedade offset's e a ação onmouseout="some()" que torna a div 'flutua' a ficar invisível.

Bom pessoal espero ser útil está função para o dia-a-dia de programador.

Até a próxima.