Dica legal DHTML
Descrição: Este é um roteiro prático dica elegante DHTML. Use-o para exibir informações adicionais sobre um link ou qualquer outro elemento quando o mouse passa sobre ele. Uma dica de ferramenta personalizada aparece, que funciona em todos DHTML moderno browsers- IE4 +, NS6 + e Opera 7+. Três características interessantes deste roteiro são:
Ao contrário de uma dica regular (ou seja: uma criada usando o atributo "title"), Cool DHTML Tooltip continua a exibir-se e siga o mouse, enquanto o mouse está em qualquer lugar sobre o elemento de ligação / HTML.
Estilo dica Totalmente personalizável via CSS, incluindo uma sombra opcional (IE5.5 + somente). Você pode modificar ainda mais o fundo de cor / largura de dicas de ferramentas individuais através de JavaScript.
Legal DHTML Tooltip inteligente detecta as quatro bordas da janela do navegador, exibindo-se sempre à vista do usuário.
Cool!
Instruções:
Passo 1: Insira o seguinte estilo para a seção <head> de sua página:
<style type="text/css">
#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
</style>