Ir para conteúdo
Fórum Script Brasil
  • 0

Onmouseover - Dúvidas Sobre A Função


CiadeFurao

Pergunta

estou há algum tempo querendo colocar uma função ou evento

(se eu soubesse o nome correto seria + fácil, :huh: ) que quando o mouse estivesse em cima de um texto apareceria uma dica, ou uma janelinha com texto, já vi muito em blogs, mas não achei nenhum site com isso.

Achei um script próximo do que eu quero

<html>

<head>

<script type="text/javascript">

function gettip(txt)

{

document.getElementById("tip").innerHTML=txt

}

function reset()

{

document.getElementById("tip").innerHTML=""

}

</script>

<title></title>

</head>

<body>

<p>Passe com o ponteiro do rato sobre estes nomes de bebidas:</p>

<span onmouseover="gettip('Bebida super potente e com extraordinárias propriedades medicinais')"

onmouseout="reset()">Bagaceira</span><br>

<p>Passe com o ponteiro do rato sobre estes nomes de bebidas:</p>

<span onmouseover="gettip('Bebida excelente quando muito diluída em Vodka')"

onmouseout="reset()">Sumo (suco) de laranja</span><br><br>

<div id="tip" />

não achei nenhum tutorial sobre a função? Queria saber se é possivel mudar a cor de fundo, colocar bordas, etc, no texto que aparece.

Se souberem de alguma forma/função que eu crie essas janelinhas, agradeço também...

Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

  • 0

Heheh...

Você está utilizando o innerHTML, logo, utilize tags.

Veja como eu fiz, neste exemplo utilizando a sua função:

<script type="text/javascript">

function gettip(txt)
{
document.getElementById("tip").innerHTML="<b>"+txt+"</b>";
}
function reset()
{
document.getElementById("tip").innerHTML=""
}
</script>

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,7k
×
×
  • Criar Novo...