Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17410
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Exibir informações sobre o link ao passar o cursor

29-03-2007 10:09

Com esse código você vai aprender a exibir uma informação sobre o link ao passar o cursor no mesmo.

vejamos abaixo o script para o código.

<script language="JavaScript"> var descricao = new Array(); // aqui é definida o nome da função descricao[0] = ""; // aqui é a descrição (vazia) ao retirar o cursor de cima do link (onmouseout) descricao[1] = "  primeiro link  "; // descrição para o 1º link descricao[2] = "  segundo link  "; // descrição para o 2º link </script>

agora veremos os links:

<a onMouseOver="palavra.innerHTML = descricao[1];" onMouseOut="palavra.innerHTML = descricao[0];" href="primeirolink.html">primeiro link</a> <a onMouseOver="palavra.innerHTML = descricao[2];" onMouseOut="palavra.innerHTML = descricao[0];" href="segundolink.html">primeiro link</a> <a id="palavra" style="border:1px solid buttonface;font-family:arial;font-size:8pt;color:#696969;"></a>


note o seguinte:

- a função dentro de cada link (descrição) está relacionada a uma descrição que deve ser colocada dentro do javascript.
- o onmouseover sempre retorna o valor da descrição no javascript, enquanto que o onmouseout sempre retorna o valor vazio [ descricao(0) ]
- note também a linha abaixo dos links que é a ID que é usada para retornar o valor do javascript logo depois dos links.
0
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum :rock:

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado