Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

dj_diegodj

[Resolvido] <a href="#" title="Texte"

Recommended Posts

bom vai se mt complicado eu explica isso sem ter imagens

uma vez entrei no site e no menu dele tinha la os links

dai quando passava o mouse por cima aparecia o titulo q seria o title

e o link em baixo aquilo era em css agora se usava algo em java eu n sei

tentei faze um desenho no photoshop mais ouj menos parecido pra vcs entenderem

Imagem Postada

 

eh mais ou menos isso q ta na imagem

vcs sabem o nome disso ou a onde posso encontrar vlws

Compartilhar este post


Link para o post
Compartilhar em outros sites

Eu conheço isso ai por tolptip

e se faz com js e css, segue um exemplo basico

 

function block(event,texto){
// verifica se o browser e IE ou FF
var box=document.all?document.all.dom:document.getElementById('dom');
// inseri o texto na DIV
box.innerHTML=texto;
// mostra a DIV
box.style.visibility="visible";
// define que a posiçao da div, sera a posiçao do mouse mais 15px
box.style.top=event.clientY+15;
box.style.left=event.clientX+15;
}
// aqui acontece as mesmas coisas
function none(){
box=document.all?document.all.dom:document.getElementById('dom');
box.style.visibility="hidden";
box.style.innerHTML="";
}

e no seu html assim

 

<div id="dom" style="visibility:hidden;width:200px;height:auto;position:absolute;border:1px solid #666;background:#333;color:#fff;text-align:center;"></div>
<a href="site.html" onMouseOut="none();" onMouseMove="block(event,'Aki o seu texto');">Passe o mouse no link</a>

Testei aqui no FF3.5 e IE8

Qualquer coisa posta ai

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.