Mouse over in image to display information box

Question

Mouse over in image to display information box

Navigation

#1 by (2 votes)
#2 by (2 votes)

1

How do I make a mouse over open a Tooltip and this box does not disappear when I remove the mouse focus so I can put a clickable text inside this container?

As an example: the tags that appear here in Stack Overflow.

html css

asked by anonymous 22.08.2014 / 16:46

2 answers

How does the compiler work in the case of a casting like this? ORA-01036: illegal variable name / number

score 2 · Answer 1

Your question was somewhat broad. With the code below you could have the functionality of a hover assigning visibility to an element.

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");
        }
    )
    });

score 2 · Answer 2

2

What you want is this:

link

Edit the div below with the content you want:

<div class="tooltip">I am a tooltip!</div>

22.08.2014 / 19:27