Como faço para um mouse over abrir um Tooltip e esta caixa não sumir quando retirar o foco do mouse para eu consiga colocar um texto clicável dentro deste container?
Como exemplo: as tags que aparecem aqui no Stack Overflow.
Stack Overflow em Português é um site de perguntas e respostas para programadores profissionais e entusiastas. Leva apenas um minuto para se inscrever.
Inscreva-se para participar desta comunidadeComo faço para um mouse over abrir um Tooltip e esta caixa não sumir quando retirar o foco do mouse para eu consiga colocar um texto clicável dentro deste container?
Como exemplo: as tags que aparecem aqui no Stack Overflow.
Sua pergunta foi um tanto quanto ampla.
Com o código abaixo você conseguiria ter a funcionalidade de um hover
atribuir visibilidade para um elemento.
CSS
.lightbox{
display:none;
}
HTML
<a href="#" class="ExibirLightBox">Exibir</a>
<div class="lightbox>
// Conteudo do lightbox
</div>
SCRIPT
$(document).ready(function (e) {
$('.ExibirLightBox').hover(function (e) {
$(".lightbox").css("display", "block");
}
)
});
O que você quer é isso:
http://jsfiddle.net/greypants/zgCb7/
Edite a div abaixo com o conteúdo que você deseja:
<div class="tooltip">I am a tooltip!</div>