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


Moderador: web

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

Div onmouseover próximo ao link

24-07-2009 13:57

Esse script mostra uma div ao passar o cursor sobre o link.

HEAD

<style> #messageBox{ border-right: 1px solid #000000; position: absolute; width: 217px; height: 100px; z-index: 1; background-color: #C0C0C0; border-style: solid; border-width: 1px; display:none; } #closeButt{ width: 100%; height: 10px; z-index: 1; cursor: pointer; left: 0px; top: 0px; background-color: #808080; } #contents{ width: 100%; height: auto; z-index: 2; } </style> <script language="javascript"> function show(obj,msg){ messageBox.style.top=obj.offsetTop messageBox.style.left=obj.offsetLeft+obj.offsetWidth+5 contents.innerHTML=msg+"<p>"+obj.href messageBox.style.display="block" } </script>

BODY

<p><a onmouseover="show(this,'mensagem')" onmouseout="messageBox.style.display='none'" href="http://www.google.com">Google</a></p> <p><a onmouseover="show(this,'mensagem')" onmouseout="messageBox.style.display='none'" href="http://www.google.com">Google</a></p> <div id="messageBox"><div id="contents"></div></div>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Bing [Bot]