onmouseover show DIV

Question

Have you done search on google recently? After google displays the search, if you put your mouse over search term google displays a preview of the site to the right with shadowbox and allows the user to control (close) the DIV.

How do I achieve that script?

Thanks

Answer 1

Try these:

http://www.shadowbox-js.com/

http://api.jquery.com/hover/

Answer 2

There are many steps required in getting you to that point.

First, check out JQuery and become comfortable with the syntax.

Second, read up on the .hover() function which will allow you to do something like this:

$('#my_preview_link').hover(function(){
    $('#my_preview_div').fadeIn();
},function(){
    $('#my_preview_div').fadeOut();
});